                <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-684" href="#wppdf-modal-684" >
                                <img  src="https://wp.ufpel.edu.br/nai/files/2017/04/decreto56262.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-684" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-684').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-684" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-684");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/nai/files/2017/04/decreto_5626_2005.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-688" href="#wppdf-modal-688" >
                                <img  src="https://wp.ufpel.edu.br/nai/files/2017/04/capa-lbi.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-688" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-688').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-688" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-688");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/nai/files/2017/04/LBI_13146.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-692" href="#wppdf-modal-692" >
                                <img  src="https://wp.ufpel.edu.br/nai/files/2017/04/profissaotradutor_lei12319.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-692" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-692').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-692" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-692");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/nai/files/2017/04/leidosinterpretes_L12319.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-702" href="#wppdf-modal-702" >
                                <img  src="https://wp.ufpel.edu.br/nai/files/2017/04/leidelibras-10436.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-702" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-702').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-702" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="https://wp.ufpel.edu.br/nai/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-702");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/nai/files/2017/04/leidelibras_Lei-10436.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
        {"id":680,"date":"2017-04-13T09:45:49","date_gmt":"2017-04-13T12:45:49","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/nai\/?page_id=680"},"modified":"2017-07-21T17:25:32","modified_gmt":"2017-07-21T20:25:32","slug":"documentos-legislacao","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/nai\/documentos-legislacao\/","title":{"rendered":"LEGISLA\u00c7\u00c3O"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><span style=\"font-family: verdana, geneva, sans-serif\"><\/span><\/p>\n<p style=\"text-align: center\"><span style=\"font-family: verdana, geneva, sans-serif\"><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n","protected":false},"author":359,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-680","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P90IOR-aY","_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/pages\/680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/users\/359"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/comments?post=680"}],"version-history":[{"count":13,"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/pages\/680\/revisions"}],"predecessor-version":[{"id":1179,"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/pages\/680\/revisions\/1179"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/nai\/wp-json\/wp\/v2\/media?parent=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}