Cannot make FlexPaper work

Dear all,

I am trying to use FlexPaper from a Java web application.
I have done the followings:
1. copied the FlexPaper classes and lib folders under my WEB-INF folder
2. copied the js, css, locale folders in my web app root folder
3. I have a simple html page where I am using the viewer like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>FlexPaper</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
    <style type="text/css" media="screen">
        html, body  { height:100%; }
        body { margin:0; padding:0; overflow:auto; }
        #flashContent { display:none; }
    </style>

    <link rel="stylesheet" type="text/css" href="css/flexpaper.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/flexpaper.js"></script>
    <script type="text/javascript" src="js/flexpaper_handlers.js"></script>

    <script>
    $(function() {  
        $('#documentViewer').FlexPaperViewer({
             config : {
                 SWFFile : 'docs/DImageZ3_103_E.pdf.swf',
                 Scale : 0.6, 
                 ZoomTransition : 'easeOut',
                 ZoomTime : 0.5, 
                 ZoomInterval : 0.1,
                 FitPageOnLoad : true,
                 FitWidthOnLoad : false, 
                 FullScreenAsMaxWindow : false,
                 ProgressiveLoading : false,
                 MinZoomSize : 0.2,
                 MaxZoomSize : 5,
                 SearchMatchAll : false,
                 RenderingOrder : 'flash,flash',

                 ViewModeToolsVisible : true,
                 ZoomToolsVisible : true,
                 NavToolsVisible : true,
                 CursorToolsVisible : true,
                 SearchToolsVisible : true,

                 /*DocSizeQueryService : "swfsize.jsp?doc=" + startDocument,*/
                 jsDirectory : 'js/',
                 localeDirectory : 'locale/',

                 JSONDataType : 'jsonp',
                 key : '',

                 WMode : 'window',
                 localeChain: 'en_US'
                 }
        });

    });
    </script>
</head>
<body>
List of published files:
    <div id="documentViewer" class="flexpaper_viewer"  style="position:absolute;left:10px;top:10px;width:770px;height:500px">
    </div>
</body>
</html>

The output that I receive is an empty page. The SWF file is there.
I have deployed this app under Tomcat 7.

Could you please provide any advice? 
Thx,
Sirbu
Original issue reported on code.google.com by sirbu...@gmail.com on 29 Jul 2015 at 4:52
tencrocs / flexpaper

Cannot make FlexPaper work #419
