Flexpaper overlapping html elements

Question

I know that I have to set the wmode property, but where do I set the property in flex paper.

Following is the code to embed Flexpaper into the HTML document.

<script type="text/javascript"> 
                    var doc                 = '<?php print $doc; ?>';
                    var numPages            = <?php echo getTotalPages($pdfFilePath . $doc) ?>;
                    var swfFileUrl          = escape('{services/view.php?doc='+doc+'&page=[*,0],'+numPages+'}');
                    var searchServiceUrl    = escape('services/containstext.php?doc='+doc+'&page=[page]&searchterm=[searchterm]');

                    var fp = new FlexPaperViewer(   
                             'FlexPaperViewer',
                             'viewerPlaceHolder', { config : {
                             SwfFile : swfFileUrl, 
                             Scale : 1, 
                             ZoomTransition : 'easeOut',
                             ZoomTime : 0.5,
                             ZoomInterval : 0.2,
                             FitPageOnLoad : false,
                             FitWidthOnLoad : false,
                             FullScreenAsMaxWindow : false,
                             ProgressiveLoading : false,
                             MinZoomSize : 0.2,
                             MaxZoomSize : 5,
                             SearchMatchAll : true,
                             SearchServiceUrl : searchServiceUrl,
                             InitViewMode : 'Portrait',
                             BitmapBasedRendering : false,

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

                             localeChain: 'en_US'
                             }});           
                </script>

Answer 1

I don't see a way to do this by passing a param to the FlexPaperViewer constructor but you may be able to solve it in flexpaper_flash.js. Near line 19 and try adding the wmode param there:

window.FlexPaperViewer = window.$f = function() {
    var config = arguments[2].config;

    window.FlexPaperViewer_Instance = flashembed(arguments[1], {
        //add wmode here
        wmode: "transparent",
        src: arguments[0]+".swf",
        version: [10, 0],
        expressInstall: "js/expressinstall.swf"
    },{
        ...
    });
};