fileviewer/external/ViewerJS/index.html

164 lines
45 KiB
HTML

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!--
This is a generated file. DO NOT EDIT.
Copyright (C) 2012-2015 KO GmbH <copyright@kogmbh.com>
@licstart
This file is the compiled version of the ViewerJS module.
ViewerJS is free software: you can redistribute it and/or modify it
under the terms of the GNU Affero General Public License (GNU AGPL)
as published by the Free Software Foundation, either version 3 of
the License, or (at your option) any later version.
ViewerJS is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with ViewerJS. If not, see <http://www.gnu.org/licenses/>.
@licend
@source: http://viewerjs.org/
@source: http://github.com/kogmbh/ViewerJS
-->
<title>ViewerJS</title>
<!-- If you want to use custom CSS (@font-face rules, for example) you should uncomment
the following reference and use a local.css file for that. See the example.local.css
file for a sample.
<link rel="stylesheet" type="text/css" href="local.css" media="screen"/>
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
<style>
.video-js {
width: 100% !important;
height: 100% !important;
}
@media print {
.no-print, .no-print * {
display: none !important;
}
}
</style>
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
<script type="text/javascript">
////<![CDATA[
var ODFViewerPlugin_css="@namespace cursor url(urn:webodf:names:cursor);.caret {opacity: 0 !important;}";function ODFViewerPlugin(){function a(a){var b=document.createElement("script");b.async=!1;b.src="./webodf.js";b.type="text/javascript";b.onload=function(){runtime.loadClass("gui.HyperlinkClickHandler");runtime.loadClass("odf.OdfCanvas");runtime.loadClass("ops.Session");runtime.loadClass("gui.CaretManager");runtime.loadClass("gui.HyperlinkTooltipView");runtime.loadClass("gui.SessionController");runtime.loadClass("gui.SvgSelectionView");runtime.loadClass("gui.SelectionViewManager");runtime.loadClass("gui.ShadowCursor");
runtime.loadClass("gui.SessionView");a()};document.head.appendChild(b);b=document.createElementNS(document.head.namespaceURI,"style");b.setAttribute("media","screen, print, handheld, projection");b.setAttribute("type","text/css");b.appendChild(document.createTextNode(ODFViewerPlugin_css));document.head.appendChild(b)}var g=this,c=null,r=null,u=null,k=null;this.initialize=function(w,b){a(function(){var a,d,l,w,z,s,m,x;r=document.getElementById("canvas");c=new odf.OdfCanvas(r);c.load(b);c.addListener("statereadychange",
function(){u=c.odfContainer().rootElement;k=c.odfContainer().getDocumentType(u);if("text"===k){c.enableAnnotations(!0,!1);a=new ops.Session(c);l=a.getOdtDocument();w=new gui.ShadowCursor(l);d=new gui.SessionController(a,"localuser",w,{});x=d.getEventManager();s=new gui.CaretManager(d,c.getViewport());z=new gui.SelectionViewManager(gui.SvgSelectionView);new gui.SessionView({caretAvatarsInitiallyVisible:!1},"localuser",a,d.getSessionConstraints(),s,z);z.registerCursor(w);m=new gui.HyperlinkTooltipView(c,
d.getHyperlinkClickHandler().getModifier);x.subscribe("mousemove",m.showTooltip);x.subscribe("mouseout",m.hideTooltip);var b=new ops.OpAddMember;b.init({memberid:"localuser",setProperties:{fillName:runtime.tr("Unknown Author"),color:"blue"}});a.enqueue([b]);d.insertLocalCursor()}g.onLoad()})})};this.isSlideshow=function(){return"presentation"===k};this.onLoad=function(){};this.fitToWidth=function(a){c.fitToWidth(a)};this.fitToHeight=function(a){c.fitToHeight(a)};this.fitToPage=function(a,b){c.fitToContainingElement(a,
b)};this.fitSmart=function(a){c.fitSmart(a)};this.getZoomLevel=function(){return c.getZoomLevel()};this.setZoomLevel=function(a){c.setZoomLevel(a)};this.getPages=function(){var a=Array.prototype.slice.call(u.getElementsByTagNameNS("urn:oasis:names:tc:opendocument:xmlns:drawing:1.0","page")),b=[],c,d;for(c=0;c<a.length;c+=1)d=[a[c].getAttribute("draw:name"),a[c]],b.push(d);return b};this.showPage=function(a){c.showPage(a)};this.getPluginName=function(){return"WebODF"};this.getPluginVersion=function(){return"undefined"!==
String(typeof webodf)?webodf.Version:"Unknown"};this.getPluginURL=function(){return"http://webodf.org"}};var PDFViewerPlugin_css=".page {margin: 7px auto 7px auto;position: relative;overflow: hidden;background-clip: content-box;background-color: white;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-ms-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);}.textLayer {position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #000;font-family: sans-serif;overflow: hidden;}.textLayer > div {color: transparent;position: absolute;line-height: 1;white-space: pre;cursor: text;}::selection { background:rgba(0,0,255,0.3); }::-moz-selection { background:rgba(0,0,255,0.3); }";function PDFViewerPlugin(){function a(h,a){var b=document.createElement("script");b.async=!1;b.src=h;b.type="text/javascript";b.onload=a||b.onload;document.getElementsByTagName("head")[0].appendChild(b)}function g(h){var b;a("./compatibility.js",function(){a("./pdf.js");a("./ui_utils.js");a("./text_layer_builder.js");a("./pdfjsversion.js",h)});b=document.createElementNS(document.head.namespaceURI,"style");b.setAttribute("media","screen, print, handheld, projection");b.setAttribute("type","text/css");
b.appendChild(document.createTextNode(PDFViewerPlugin_css));document.head.appendChild(b)}function c(h){if("none"===h.style.display)return!1;var a=x.scrollTop,b=a+x.clientHeight,d=h.offsetTop;h=d+h.clientHeight;return d>=a&&d<b||h>=a&&h<b||d<a&&h>=b}function r(h,a,b){var d=p[h.pageIndex],c=d.getElementsByTagName("canvas")[0],e=d.getElementsByTagName("div")[0],f="scale("+v+", "+v+")";d.style.width=a+"px";d.style.height=b+"px";c.width=a;c.height=b;e.style.width=a+"px";e.style.height=b+"px";CustomStyle.setProp("transform",
e,f);CustomStyle.setProp("transformOrigin",e,"0% 0%");s[h.pageIndex]=s[h.pageIndex]===m.RUNNING?m.RUNNINGOUTDATED:m.BLANK}function u(a){var b,d;s[a.pageIndex]===m.BLANK&&(s[a.pageIndex]=m.RUNNING,b=p[a.pageIndex],d=z[a.pageIndex],b=b.getElementsByTagName("canvas")[0],a.render({canvasContext:b.getContext("2d"),textLayer:d,viewport:a.getViewport(v)}).promise.then(function(){s[a.pageIndex]===m.RUNNINGOUTDATED?(s[a.pageIndex]=m.BLANK,u(a)):s[a.pageIndex]=m.FINISHED}))}function k(){var a=!d.isSlideshow();
p.forEach(function(b){a&&(b.style.display="block");x.appendChild(b)});d.showPage(1);d.onLoad()}function w(a){var b,d,c,f,g,n;b=a.pageIndex+1;n=a.getViewport(v);g=document.createElement("div");g.id="pageContainer"+b;g.className="page";g.style.display="none";f=document.createElement("canvas");f.id="canvas"+b;d=document.createElement("div");d.className="textLayer";d.id="textLayer"+b;g.appendChild(f);g.appendChild(d);l[a.pageIndex]=a;p[a.pageIndex]=g;s[a.pageIndex]=m.BLANK;r(a,n.width,n.height);C<n.width&&
(C=n.width);B<n.height&&(B=n.height);n.width<n.height&&(e=!1);c=new TextLayerBuilder({textLayerDiv:d,viewport:n,pageIndex:b-1});a.getTextContent().then(function(a){c.setTextContent(a)});z[a.pageIndex]=c;y+=1;y===q.numPages&&k()}function b(a,b){switch(b){case PDFJS.PasswordResponses.NEED_PASSWORD:f(!1,a);break;case PDFJS.PasswordResponses.INCORRECT_PASSWORD:f(!0,a)}}function f(a,b){var d=prompt(a?"Wrong password entered. Please retry.":"Password protected PDF. Enter password.","");null!=d&&b(d)}var d=
this,l=[],p=[],z=[],s=[],m={BLANK:0,RUNNING:1,FINISHED:2,RUNNINGOUTDATED:3},x=null,q=null,e=!0,v=1,D=1,C=0,B=0,y=0;this.initialize=function(a,d){var c;g(function(){PDFJS.workerSrc="./pdf.worker.js";PDFJS.getDocument(d,null,b).then(function(b){q=b;x=a;for(c=0;c<q.numPages;c+=1)q.getPage(c+1).then(w)})})};this.isSlideshow=function(){return e};this.onLoad=function(){};this.getPages=function(){return p};this.fitToWidth=function(a){C!==a&&(a/=C,d.setZoomLevel(a))};this.fitToHeight=function(a){B!==a&&(a/=
B,d.setZoomLevel(a))};this.fitToPage=function(a,b){var c=a/C;b/B<c&&(c=b/B);d.setZoomLevel(c)};this.fitSmart=function(a,b){var c=a/C;b&&b/B<c&&(c=b/B);c=Math.min(1,c);d.setZoomLevel(c)};this.setZoomLevel=function(a){var b;if(v!==a)for(v=a,a=0;a<l.length;a+=1)b=l[a].getViewport(v),r(l[a],b.width,b.height)};this.getZoomLevel=function(){return v};this.onScroll=function(){var a;for(a=0;a<p.length;a+=1)c(p[a])&&u(l[a])};this.getPageInView=function(){var a;if(d.isSlideshow())return D;for(a=0;a<p.length;a+=
1)if(c(p[a]))return a+1};this.showPage=function(a){d.isSlideshow()?(p[D-1].style.display="none",D=a,u(l[a-1]),p[a-1].style.display="block"):(a=p[a-1],a.parentNode.scrollTop=a.offsetTop)};this.getPluginName=function(){return"PDF.js"};this.getPluginVersion=function(){return"undefined"!==String(typeof pdfjs_version)?pdfjs_version:"From Source"};this.getPluginURL=function(){return"https://github.com/mozilla/pdf.js/"}};function ImageViewerPlugin(){var a=void 0,g=this;this.initialize=function(c,r){a=document.createElement("img");a.setAttribute("src",r);a.setAttribute("alt","na");c.appendChild(a);c.style.overflow="auto";g.onLoad()};this.isSlideshow=function(){return!1};this.onLoad=function(){};this.fitToWidth=function(c){a.width=c};this.fitToHeight=function(c){a.height=c};this.fitToPage=function(c,g){a.width=c};this.fitSmart=function(c){a.width=c};this.getZoomLevel=function(){return a.width/a.naturalWidth};this.setZoomLevel=
function(c){a.width=c*a.naturalWidth};this.getPages=function(){return[a]};this.showPage=function(a){};this.getPluginName=function(){return"ImageViewerPlugin"};this.getPluginVersion=function(){return"From Source"};this.getPluginURL=function(){return"https://github.com/in4mates/ViewerJS"}};function MultimediaViewerPlugin(){var a=void 0,g=void 0,c=this;this.initialize=function(r,u){0===window.mimetype.indexOf("audio/")?(a=document.createElement("audio"),a.setAttribute("poster","images/musicbg.png")):a=document.createElement("video");a.setAttribute("preload","auto");a.setAttribute("id","multimedia_viewer");a.setAttribute("controls","controls");a.setAttribute("class","video-js vjs-default-skin");g=document.createElement("source");g.setAttribute("src",u);g.setAttribute("type",window.mimetype);
a.appendChild(g);r.appendChild(a);r.style.overflow="auto";videojs(document.getElementById("multimedia_viewer"),{controls:"enabled"},function(){});c.onLoad()};this.isSlideshow=function(){return!1};this.onLoad=function(){};this.fitToWidth=function(a){};this.fitToHeight=function(a){};this.fitToPage=function(a,c){};this.fitSmart=function(a){};this.getZoomLevel=function(){};this.setZoomLevel=function(a){};this.getPages=function(){return[a]};this.showPage=function(a){document.getElementById("toolbarMiddleContainer").style.visibility=
"hidden"};this.getPluginName=function(){return"MultimediaViewerPlugin"};this.getPluginVersion=function(){return"From Source"};this.getPluginURL=function(){return"https://sprinternet.at"}};var ViewerJS_version="0.5.7";var viewer_css="* {padding: 0;margin: 0;}html > body {font-family: sans-serif;overflow: hidden;}.titlebar > span,.toolbarLabel,input,button,select {font: message-box;}#titlebar {position: absolute;z-index: 2;top: 0px;left: 0px;height: 32px;width: 100%;overflow: hidden;-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);background-image: url(images/texture.png), linear-gradient(rgba(69, 69, 69, .95), rgba(82, 82, 82, .99));background-image: url(images/texture.png), -webkit-linear-gradient(rgba(69, 69, 69, .95), rgba(82, 82, 82, .99));background-image: url(images/texture.png), -moz-linear-gradient(rgba(69, 69, 69, .95), rgba(82, 82, 82, .99));background-image: url(images/texture.png), -ms-linear-gradient(rgba(69, 69, 69, .95), rgba(82, 82, 82, .99));background-image: url(images/texture.png), -o-linear-gradient(rgba(69, 69, 69, .95), rgba(82, 82, 82, .99));}#titlebar a, #aboutDialog a, #titlebar a:visited, #aboutDialog a:visited {color: #ccc;}#documentName {margin-right: 10px;margin-left: 10px;margin-top: 8px;color: #F2F2F2;line-height: 14px;font-family: sans-serif;}#documentName {font-size: 14px;}#toolbarContainer {position: absolute;z-index: 2;bottom: 0px;left: 0px;height: 32px;width: 100%;overflow: hidden;-webkit-box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.75);box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.75);background-image: url(images/texture.png), linear-gradient(rgba(82, 82, 82, .99), rgba(69, 69, 69, .95));background-image: url(images/texture.png), -webkit-linear-gradient(rgba(82, 82, 82, .99), rgba(69, 69, 69, .95));background-image: url(images/texture.png), -moz-linear-gradient(rgba(82, 82, 82, .99), rgba(69, 69, 69, .95));background-image: url(images/texture.png), -ms-linear-gradient(rgba(82, 82, 82, .99), rgba(69, 69, 69, .95));background-image: url(images/texture.png), -o-linear-gradient(rgba(82, 82, 82, .99), rgba(69, 69, 69, .95));}#toolbar {position: relative;}#toolbarMiddleContainer, #toolbarLeft {visibility: hidden;}html[dir='ltr'] #toolbarLeft {margin-left: -1px;}html[dir='rtl'] #toolbarRight,html[dir='rtl'] #titlebarRight {margin-left: -1px;}html[dir='ltr'] #toolbarLeft,html[dir='rtl'] #toolbarRight,html[dir='rtl'] #titlebarRight {position: absolute;top: 0;left: 0;}html[dir='rtl'] #toolbarLeft,html[dir='ltr'] #toolbarRight,html[dir='ltr'] #titlebarRight {position: absolute;top: 0;right: 0;}html[dir='ltr'] #toolbarLeft > *,html[dir='ltr'] #toolbarMiddle > *,html[dir='ltr'] #toolbarRight > *,html[dir='ltr'] #titlebarRight > * {float: left;}html[dir='rtl'] #toolbarLeft > *,html[dir='rtl'] #toolbarMiddle > *,html[dir='rtl'] #toolbarRight > *,html[dir='rtl'] #titlebarRight > * {float: right;}html[dir='ltr'] .outerCenter {float: right;position: relative;right: 50%;}html[dir='rtl'] .outerCenter {float: left;position: relative;left: 50%;}html[dir='ltr'] .innerCenter {float: right;position: relative;right: -50%;}html[dir='rtl'] .innerCenter {float: left;position: relative;left: -50%;}html[dir='ltr'] .splitToolbarButton {margin: 3px 2px 4px 0;display: inline-block;}html[dir='rtl'] .splitToolbarButton {margin: 3px 0 4px 2px;display: inline-block;}html[dir='ltr'] .splitToolbarButton > .toolbarButton {border-radius: 0;float: left;}html[dir='rtl'] .splitToolbarButton > .toolbarButton {border-radius: 0;float: right;}.splitToolbarButton.toggled .toolbarButton {margin: 0;}.toolbarButton {border: 0 none;background-color: rgba(0, 0, 0, 0);min-width: 32px;height: 25px;border-radius: 2px;background-image: none;}html[dir='ltr'] .toolbarButton,html[dir='ltr'] .dropdownToolbarButton {margin: 3px 2px 4px 0;}html[dir='rtl'] .toolbarButton,html[dir='rtl'] .dropdownToolbarButton {margin: 3px 0 4px 2px;}.toolbarButton:hover,.toolbarButton:focus,.dropdownToolbarButton {background-color: hsla(0,0%,0%,.12);background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-clip: padding-box;border: 1px solid hsla(0,0%,0%,.35);border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 1px 0 hsla(0,0%,100%,.05);}.toolbarButton:hover:active,.dropdownToolbarButton:hover:active {background-color: hsla(0,0%,0%,.2);background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,0 0 1px hsla(0,0%,0%,.2) inset,0 1px 0 hsla(0,0%,100%,.05);}.splitToolbarButton:hover > .toolbarButton,.splitToolbarButton:focus > .toolbarButton,.splitToolbarButton.toggled > .toolbarButton,.toolbarButton.textButton {background-color: hsla(0,0%,0%,.12);background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-clip: padding-box;border: 1px solid hsla(0,0%,0%,.35);border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 1px 0 hsla(0,0%,100%,.05);-webkit-transition-property: background-color, border-color, box-shadow;-webkit-transition-duration: 150ms;-webkit-transition-timing-function: ease;-moz-transition-property: background-color, border-color, box-shadow;-moz-transition-duration: 150ms;-moz-transition-timing-function: ease;-ms-transition-property: background-color, border-color, box-shadow;-ms-transition-duration: 150ms;-ms-transition-timing-function: ease;-o-transition-property: background-color, border-color, box-shadow;-o-transition-duration: 150ms;-o-transition-timing-function: ease;transition-property: background-color, border-color, box-shadow;transition-duration: 150ms;transition-timing-function: ease;}.splitToolbarButton > .toolbarButton:hover,.splitToolbarButton > .toolbarButton:focus,.dropdownToolbarButton:hover,.toolbarButton.textButton:hover,.toolbarButton.textButton:focus {background-color: hsla(0,0%,0%,.2);box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 0 1px hsla(0,0%,0%,.05);z-index: 199;}.splitToolbarButton:hover > .toolbarButton,.splitToolbarButton:focus > .toolbarButton,.splitToolbarButton.toggled > .toolbarButton,.toolbarButton.textButton {background-color: hsla(0,0%,0%,.12);background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-clip: padding-box;border: 1px solid hsla(0,0%,0%,.35);border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 1px 0 hsla(0,0%,100%,.05);-webkit-transition-property: background-color, border-color, box-shadow;-webkit-transition-duration: 150ms;-webkit-transition-timing-function: ease;-moz-transition-property: background-color, border-color, box-shadow;-moz-transition-duration: 150ms;-moz-transition-timing-function: ease;-ms-transition-property: background-color, border-color, box-shadow;-ms-transition-duration: 150ms;-ms-transition-timing-function: ease;-o-transition-property: background-color, border-color, box-shadow;-o-transition-duration: 150ms;-o-transition-timing-function: ease;transition-property: background-color, border-color, box-shadow;transition-duration: 150ms;transition-timing-function: ease;}.splitToolbarButton > .toolbarButton:hover,.splitToolbarButton > .toolbarButton:focus,.dropdownToolbarButton:hover,.toolbarButton.textButton:hover,.toolbarButton.textButton:focus {background-color: hsla(0,0%,0%,.2);box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 0 1px hsla(0,0%,0%,.05);z-index: 199;}.dropdownToolbarButton {border: 1px solid #333 !important;}.toolbarButton,.dropdownToolbarButton {min-width: 16px;padding: 2px 6px 2px;border: 1px solid transparent;border-radius: 2px;color: hsl(0,0%,95%);font-size: 12px;line-height: 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor: default;-webkit-transition-property: background-color, border-color, box-shadow;-webkit-transition-duration: 150ms;-webkit-transition-timing-function: ease;-moz-transition-property: background-color, border-color, box-shadow;-moz-transition-duration: 150ms;-moz-transition-timing-function: ease;-ms-transition-property: background-color, border-color, box-shadow;-ms-transition-duration: 150ms;-ms-transition-timing-function: ease;-o-transition-property: background-color, border-color, box-shadow;-o-transition-duration: 150ms;-o-transition-timing-function: ease;transition-property: background-color, border-color, box-shadow;transition-duration: 150ms;transition-timing-function: ease;}html[dir='ltr'] .toolbarButton,html[dir='ltr'] .dropdownToolbarButton {margin: 3px 2px 4px 0;}html[dir='rtl'] .toolbarButton,html[dir='rtl'] .dropdownToolbarButton {margin: 3px 0 4px 2px;}.splitToolbarButton:hover > .splitToolbarButtonSeparator,.splitToolbarButton.toggled > .splitToolbarButtonSeparator {padding: 12px 0;margin: 0;box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);-webkit-transition-property: padding;-webkit-transition-duration: 10ms;-webkit-transition-timing-function: ease;-moz-transition-property: padding;-moz-transition-duration: 10ms;-moz-transition-timing-function: ease;-ms-transition-property: padding;-ms-transition-duration: 10ms;-ms-transition-timing-function: ease;-o-transition-property: padding;-o-transition-duration: 10ms;-o-transition-timing-function: ease;transition-property: padding;transition-duration: 10ms;transition-timing-function: ease;}.toolbarButton.toggled:hover:active,.splitToolbarButton > .toolbarButton:hover:active {background-color: hsla(0,0%,0%,.4);border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,0 0 1px hsla(0,0%,0%,.3) inset,0 1px 0 hsla(0,0%,100%,.05);}html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {position: relative;margin: 0;margin-left: 4px;margin-right: -1px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;border-right-color: transparent;}html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {position: relative;margin: 0;margin-left: -1px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-left-color: transparent;}.splitToolbarButtonSeparator {padding: 8px 0;width: 1px;background-color: hsla(0,0%,00%,.5);z-index: 99;box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);display: inline-block;margin: 5px 0;}html[dir='ltr'] .splitToolbarButtonSeparator {float:left;}html[dir='rtl'] .splitToolbarButtonSeparator {float:right;}.dropdownToolbarButton {min-width: 120px;max-width: 120px;padding: 4px 2px 4px;overflow: hidden;background: url(images/toolbarButton-menuArrows.png) no-repeat;}.dropdownToolbarButton > select {-webkit-appearance: none;-moz-appearance: none;min-width: 140px;font-size: 12px;color: hsl(0,0%,95%);margin:0;padding:0;border:none;background: rgba(0,0,0,0);}.dropdownToolbarButton > select > option {background: hsl(0,0%,24%);}#pageWidthOption {border-bottom: 1px rgba(255, 255, 255, .5) solid;}html[dir='ltr'] .dropdownToolbarButton {background-position: 95%;}html[dir='rtl'] .dropdownToolbarButton {background-position: 5%;}.toolbarButton.fullscreen::before {display: inline-block;content: url(images/toolbarButton-fullscreen.png);}.toolbarButton.presentation::before {display: inline-block;content: url(images/toolbarButton-presentation.png);}.toolbarButton.download::before {display: inline-block;content: url(images/toolbarButton-download.png);}.toolbarButton.print::before {display: inline-block;content: url(images/toolbarButton-print.png);}.toolbarButton.about {color: #F2F2F2;font-size: 14px;font-weight: bold;line-height: 14px;font-family: sans-serif;}.toolbarButton.about::before {display: inline-block;}.toolbarButton.zoomOut::before {display: inline-block;content: url(images/toolbarButton-zoomOut.png);}.toolbarButton.zoomIn::before {display: inline-block;content: url(images/toolbarButton-zoomIn.png);}.toolbarButton.pageUp::before {display: inline-block;content: url(images/toolbarButton-pageUp.png);}.toolbarButton.pageDown::before {display: inline-block;content: url(images/toolbarButton-pageDown.png);}.toolbarField.pageNumber {min-width: 16px;text-align: right;width: 40px;}.toolbarField {padding: 3px 6px;margin: 4px 0 4px 0;border: 1px solid transparent;border-radius: 2px;background-color: hsla(0,0%,100%,.09);background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));background-clip: padding-box;border: 1px solid hsla(0,0%,0%,.35);border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,0 1px 0 hsla(0,0%,100%,.05);color: hsl(0,0%,95%);font-size: 12px;line-height: 14px;outline-style: none;-moz-transition-property: background-color, border-color, box-shadow;-moz-transition-duration: 150ms;-moz-transition-timing-function: ease;}.toolbarField.pageNumber::-webkit-inner-spin-button,.toolbarField.pageNumber::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}.toolbarField:hover {background-color: hsla(0,0%,100%,.11);border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);}.toolbarField:focus {background-color: hsla(0,0%,100%,.15);border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);}.toolbarLabel {min-width: 16px;padding: 3px 6px 3px 2px;margin: 4px 2px 4px 0;border: 1px solid transparent;border-radius: 2px;color: hsl(0,0%,85%);font-size: 12px;line-height: 14px;text-align: left;-webkit-user-select:none;-moz-user-select:none;cursor: default;}#canvasContainer {overflow: auto;padding-top: 6px;padding-bottom: 6px;position: absolute;top: 32px;right: 0;bottom: 32px;left: 0;text-align: center;background-color: #888;background-image: url(images/texture.png);}#canvasContainer.slideshow {padding: 0;overflow: hidden;}#canvasContainer.slideshow > * {margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.presentationMode {top: 0 !important;bottom: 0 !important;background-color: black !important;cursor: default !important;}#canvas {box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-ms-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);-o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);overflow: hidden;}#sliderContainer {visibility: hidden;}#overlayNavigator {position: absolute;width: 100%;height: 0;top: calc(50% - 50px);background-color: rgba(0, 0, 0, 0);z-index: 3;opacity: 0;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}#previousPage {float: left;margin-left: 10px;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-right: 50px solid black;opacity: 0.5;}#nextPage {float: right;margin-right: 10px;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 50px solid black;opacity: 0.5;}#previousPage:active {opacity: 0.8;}#nextPage:active {opacity: 0.8;}#overlayCloseButton {position: absolute;top: 10px;right: 10px;z-index: 3;font-size: 35px;color: white;background-color: black;opacity: 0.5;width: 40px;height: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-align: center;cursor: pointer;display: none;}#overlayCloseButton:active {background-color: red;}#aboutDialogCentererTable {display: table;width:100%;height:100%;}#aboutDialogCentererCell {vertical-align: middle;text-align:center;display: table-cell;}#aboutDialog {width: 280px;background-color: #666;color: white;text-align: center;border-radius: 2px;box-shadow: 0px 1px 6px black;padding: 5px;font-style: sans-serif;display: inline-block;}#aboutDialog h1 {font-size: 25pt;}#aboutDialog p {font-size: 10pt;}#aboutDialog > * {margin: 10px;}#dialogOverlay {position: absolute;left: 0px;top: 0px;width:100%;height:100%;z-index: 3;background-color: rgba(0,0,0,.5);overflow: auto;display: none;}#blanked {display: none;cursor: none;position: absolute;left: 0px;top: 0px;width:100%;height:100%;z-index: 3;}";var viewerTouch_css="#canvasContainer {top: 0;bottom: 0;}#overlayNavigator {height: 100px;pointer-events: none;}#nextPage, #previousPage {pointer-events: all;}#titlebar, #toolbarContainer {background-color: rgba(0, 0, 0, 0.6);background-image: none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}#titlebar {top: -32px;}#titlebar.viewer-touched {top: 0px;}#toolbarContainer {bottom: -32px;}#toolbarContainer.viewer-touched {bottom: 0px;}.viewer-touched {display: block;opacity: 1 !important;}#next, #previous {display: none;}";function Viewer(a,g){function c(){var b,d,c,f,e,g;g="undefined"!==String(typeof ViewerJS_version)?ViewerJS_version:"From Source";a&&(c=a.getPluginName(),f=a.getPluginVersion(),e=a.getPluginURL());b=document.createElement("div");b.id="aboutDialogCentererTable";d=document.createElement("div");d.id="aboutDialogCentererCell";H=document.createElement("div");H.id="aboutDialog";H.innerHTML='<h1>ViewerJS</h1><p>Open Source document viewer for webpages, built with HTML and JavaScript.</p><p>Learn more and get your own copy on the <a href="http://viewerjs.org/" target="_blank">ViewerJS website</a>.</p>'+
(a?'<p>Using the <a href = "'+e+'" target="_blank">'+c+'</a> (<span id = "pluginVersion">'+f+"</span>) plugin to show you this document.</p>":"")+"<p>Version "+g+'</p><p>Supported by <a href="https://nlnet.nl" target="_blank"><br><img src="images/nlnet.png" width="160" height="60" alt="NLnet Foundation"></a></p><p>Made by <a href="http://kogmbh.com" target="_blank"><br><img src="images/kogmbh.png" width="172" height="40" alt="KO GmbH"></a></p><button id = "aboutDialogCloseButton" class = "toolbarButton textButton">Close</button>';
K.appendChild(b);b.appendChild(d);d.appendChild(H);b=document.createElement("button");b.id="about";b.className="toolbarButton textButton about";b.title="About";b.innerHTML="ViewerJS";Q.appendChild(b);b.addEventListener("click",function(){K.style.display="block"});document.getElementById("aboutDialogCloseButton").addEventListener("click",function(){K.style.display="none"})}function r(a){var b=R.options,d,c=!1,f;for(f=0;f<b.length;f+=1)d=b[f],d.value!==a?d.selected=!1:c=d.selected=!0;return c}function u(a,
b){if(a!==e.getZoomLevel()){e.setZoomLevel(a);var d=document.createEvent("UIEvents");d.initUIEvent("scalechange",!1,!1,window,0);d.scale=a;d.resetAutoSettings=b;window.dispatchEvent(d)}}function k(){var b;if(a.onScroll)a.onScroll();a.getPageInView&&(b=a.getPageInView())&&(F=b,document.getElementById("pageNumber").value=b)}function w(a){window.clearTimeout(M);M=window.setTimeout(function(){k()},a)}function b(b,d){var c,f;if(c="custom"===b?parseFloat(document.getElementById("customScaleOption").textContent)/
100:parseFloat(b))u(c,!0);else{c=t.clientWidth-v;f=t.clientHeight-v;switch(b){case "page-actual":u(1,d);break;case "page-width":a.fitToWidth(c);break;case "page-height":a.fitToHeight(f);break;case "page-fit":a.fitToPage(c,f);break;case "auto":a.isSlideshow()?a.fitToPage(c+v,f+v):a.fitSmart(c)}r(b)}w(300)}function f(a){var b;return-1!==["auto","page-actual","page-width"].indexOf(a)?a:(b=parseFloat(a))&&D<=b&&b<=C?a:B}function d(a){a=parseInt(a,10);return isNaN(a)?1:a}function l(){h=!h;y&&!h&&e.togglePresentationMode()}
function p(){if(y||a.isSlideshow())J.className="viewer-touched",window.clearTimeout(N),N=window.setTimeout(function(){J.className=""},5E3)}function z(){n.classList.add("viewer-touched");E.classList.add("viewer-touched");window.clearTimeout(O);O=window.setTimeout(function(){s()},5E3)}function s(){n.classList.remove("viewer-touched");E.classList.remove("viewer-touched")}function m(){n.classList.contains("viewer-touched")?s():z()}function x(a){blanked.style.display="block";blanked.style.backgroundColor=
a;s()}function q(a,b){var d=document.getElementById(a);d.addEventListener("click",function(){b();d.blur()})}var e=this,v=40,D=0.25,C=4,B="auto",y=!1,h=!1,L=!1,I,A=document.getElementById("viewer"),t=document.getElementById("canvasContainer"),J=document.getElementById("overlayNavigator"),n=document.getElementById("titlebar"),E=document.getElementById("toolbarContainer"),P=document.getElementById("toolbarLeft"),S=document.getElementById("toolbarMiddleContainer"),R=document.getElementById("scaleSelect"),
K=document.getElementById("dialogOverlay"),Q=document.getElementById("toolbarRight"),H,G=[],F,M,N,O;this.initialize=function(){var c;c=f(g.zoom);I=g.documentUrl;document.title=g.title;var l=document.getElementById("documentName");l.innerHTML="";l.appendChild(l.ownerDocument.createTextNode(g.title));a.onLoad=function(){document.getElementById("pluginVersion").innerHTML=a.getPluginVersion();a.isSlideshow()?(t.classList.add("slideshow"),P.style.visibility="visible"):(S.style.visibility="visible",a.getPageInView&&
(P.style.visibility="visible"));L=!0;G=a.getPages();document.getElementById("numPages").innerHTML="of "+G.length;e.showPage(d(g.startpage));b(c);t.onscroll=k;w()};a.initialize(t,I)};this.showPage=function(b){0>=b?b=1:b>G.length&&(b=G.length);a.showPage(b);F=b;document.getElementById("pageNumber").value=F};this.showNextPage=function(){e.showPage(F+1)};this.showPreviousPage=function(){e.showPage(F-1)};this.download=function(){var a=I.split("#")[0];window.open(a+"&contentDispositionType=attachment",
"_parent")};this.printDocument=function(){window.print()};this.toggleFullScreen=function(){h?document.exitFullscreen?document.exitFullscreen():document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.webkitCancelFullScreen?document.webkitCancelFullScreen():document.msExitFullscreen&&document.msExitFullscreen():A.requestFullscreen?A.requestFullscreen():A.mozRequestFullScreen?
A.mozRequestFullScreen():A.webkitRequestFullscreen?A.webkitRequestFullscreen():A.webkitRequestFullScreen?A.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT):A.msRequestFullscreen&&A.msRequestFullscreen()};this.togglePresentationMode=function(){var a=document.getElementById("overlayCloseButton");y?("block"===blanked.style.display&&(blanked.style.display="none",m()),n.style.display=E.style.display="block",a.style.display="none",t.classList.remove("presentationMode"),t.onmouseup=function(){},t.oncontextmenu=
function(){},t.onmousedown=function(){},b("auto")):(n.style.display=E.style.display="none",a.style.display="block",t.classList.add("presentationMode"),t.onmousedown=function(a){a.preventDefault()},t.oncontextmenu=function(a){a.preventDefault()},t.onmouseup=function(a){a.preventDefault();1===a.which?e.showNextPage():e.showPreviousPage()},b("page-fit"));y=!y};this.getZoomLevel=function(){return a.getZoomLevel()};this.setZoomLevel=function(b){a.setZoomLevel(b)};this.zoomOut=function(){var a=(e.getZoomLevel()/
1.1).toFixed(2),a=Math.max(D,a);b(a,!0)};this.zoomIn=function(){var a=(1.1*e.getZoomLevel()).toFixed(2),a=Math.min(C,a);b(a,!0)};(function(){c();a&&(e.initialize(),document.exitFullscreen||document.cancelFullScreen||document.mozCancelFullScreen||document.webkitExitFullscreen||document.webkitCancelFullScreen||document.msExitFullscreen||(document.getElementById("fullscreen").style.visibility="hidden",document.getElementById("presentation").style.visibility="hidden"),q("overlayCloseButton",e.toggleFullScreen),
q("fullscreen",e.toggleFullScreen),q("print",e.printDocument),q("presentation",function(){h||e.toggleFullScreen();e.togglePresentationMode()}),document.addEventListener("fullscreenchange",l),document.addEventListener("webkitfullscreenchange",l),document.addEventListener("mozfullscreenchange",l),document.addEventListener("MSFullscreenChange",l),q("download",e.download),q("zoomOut",e.zoomOut),q("zoomIn",e.zoomIn),q("previous",e.showPreviousPage),q("next",e.showNextPage),q("previousPage",e.showPreviousPage),
q("nextPage",e.showNextPage),document.getElementById("pageNumber").addEventListener("change",function(){e.showPage(this.value)}),document.getElementById("scaleSelect").addEventListener("change",function(){b(this.value)}),t.addEventListener("click",p),J.addEventListener("click",p),t.addEventListener("click",m),n.addEventListener("click",z),E.addEventListener("click",z),window.addEventListener("scalechange",function(a){var b=document.getElementById("customScaleOption"),d=r(String(a.scale));b.selected=
!1;d||(b.textContent=Math.round(1E4*a.scale)/100+"%",b.selected=!0)},!0),window.addEventListener("resize",function(a){L&&(document.getElementById("pageWidthOption").selected||document.getElementById("pageAutoOption").selected)&&b(document.getElementById("scaleSelect").value);p()}),window.addEventListener("keydown",function(a){var b=a.keyCode;a=a.shiftKey;if("block"===blanked.style.display)switch(b){case 16:case 17:case 18:case 91:case 93:case 224:case 225:break;default:blanked.style.display="none",
m()}else switch(b){case 8:case 33:case 37:case 38:case 80:e.showPreviousPage();break;case 13:case 34:case 39:case 40:case 78:e.showNextPage();break;case 32:a?e.showPreviousPage():e.showNextPage();break;case 66:case 190:y&&x("#000");break;case 87:case 188:y&&x("#FFF");break;case 36:e.showPage(1);break;case 35:e.showPage(G.length)}}))})()};(function(){function a(a,c){var d=new XMLHttpRequest;d.onreadystatechange=function(){var a,b;4===d.readyState&&((200<=d.status&&300>d.status||0===d.status)&&(a=d.getResponseHeader("content-type"))&&w.some(function(d){return d.supportsMimetype(a)?(b=d,console.log("Found plugin by mimetype and xhr head: "+a),window.mimetype=a,!0):!1}),c(b))};d.open("HEAD",a,!0);d.send()}function g(a){var c;w.some(function(d){return d.supportsFileExtension(a)?(c=d,!0):!1});return c}function c(a){var c=g(a);c&&console.log("Found plugin by parameter type: "+
a);return c}function r(a){a=a.split("?")[0].split(".").pop();var c=g(a);c&&console.log("Found plugin by file extension from path: "+a);return c}function u(a){var c={};(a.search||"?").substr(1).split("&").forEach(function(a){a&&(a=a.split("=",2),c[decodeURIComponent(a[0])]=decodeURIComponent(a[1]))});return c}var k,w=[function(){var a="application/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.text-flat-xml application/vnd.oasis.opendocument.text-template application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.presentation-flat-xml application/vnd.oasis.opendocument.presentation-template application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.spreadsheet-flat-xml application/vnd.oasis.opendocument.spreadsheet-template".split(" "),
c="odt fodt ott odp fodp otp ods fods ots".split(" ");return{supportsMimetype:function(c){return-1!==a.indexOf(c)},supportsFileExtension:function(a){return-1!==c.indexOf(a)},path:"./ODFViewerPlugin",getClass:function(){return ODFViewerPlugin}}}(),{supportsMimetype:function(a){return"application/pdf"===a},supportsFileExtension:function(a){return"pdf"===a},path:"./PDFViewerPlugin",getClass:function(){return PDFViewerPlugin}},function(){var a=["image/jpeg","image/pjpeg","image/gif","image/png","image/bmp"],
c=["png","jpg","jpeg","gif","bmp"];return{supportsMimetype:function(c){return-1!==a.indexOf(c)},supportsFileExtension:function(a){return-1!==c.indexOf(a)},path:"./ImageViewerPlugin",getClass:function(){return ImageViewerPlugin}}}(),function(){var a="video/mp4 video/ogg video/webm audio/aac audio/mp4 audio/mpeg audio/ogg audio/wav audio/webm".split(" "),c="aac mp4 m4a mp3 mpg mpeg ogg wav webm m4v ogv oga mp1 mp2".split(" ");return{supportsMimetype:function(c){return-1!==a.indexOf(c)},supportsFileExtension:function(a){return-1!==
c.indexOf(a)},path:"./ImageViewerPlugin",getClass:function(){return MultimediaViewerPlugin}}}()];window.onload=function(){var b=document.location.hash.substring(1),f=u(document.location),d;b?(f.title||(f.title=b.replace(/^.*[\\\/]/,"")),f.documentUrl=b,a(b,function(a){a||(a=f.type?c(f.type):r(b));a?"undefined"!==String(typeof loadPlugin)?loadPlugin(a.path,function(){d=a.getClass();new Viewer(new d,f)}):(d=a.getClass(),new Viewer(new d,f)):new Viewer})):new Viewer};k=document.createElementNS(document.head.namespaceURI,
"style");k.setAttribute("media","screen");k.setAttribute("type","text/css");k.appendChild(document.createTextNode(viewer_css));document.head.appendChild(k);k=document.createElementNS(document.head.namespaceURI,"style");k.setAttribute("media","only screen and (max-device-width: 800px) and (max-device-height: 800px)");k.setAttribute("type","text/css");k.setAttribute("viewerTouch","1");k.appendChild(document.createTextNode(viewerTouch_css));document.head.appendChild(k)})();
//]]>
</script>
</head>
<body>
<div id = "viewer">
<div id = "titlebar" class = "no-print">
<div id = "documentName" style="display:none;"></div>
<div id = "titlebarRight">
<button id = "print" class = "toolbarButton print" title = "Print"></button>
<button id = "presentation" class = "toolbarButton presentation" title = "Presentation"></button>
<button id = "fullscreen" class = "toolbarButton fullscreen" title = "Fullscreen"></button>
<button id = "download" class = "toolbarButton download" title = "Download"></button>
</div>
</div>
<div id = "toolbarContainer" class = "no-print">
<div id = "toolbar">
<div id = "toolbarLeft">
<div id = "navButtons" class = "splitToolbarButton">
<button id = "previous" class = "toolbarButton pageUp" title = "Previous Page"></button>
<div class="splitToolbarButtonSeparator"></div>
<button id = "next" class = "toolbarButton pageDown" title = "Next Page"></button>
</div>
<label id = "pageNumberLabel" class = "toolbarLabel" for = "pageNumber">Page:</label>
<input type = "number" id = "pageNumber" class = "toolbarField pageNumber"/>
<span id = "numPages" class = "toolbarLabel"></span>
</div>
<div id = "toolbarMiddleContainer" class = "outerCenter">
<div id = "toolbarMiddle" class = "innerCenter">
<div id = 'zoomButtons' class = "splitToolbarButton">
<button id = "zoomOut" class = "toolbarButton zoomOut" title = "Zoom Out"></button>
<div class="splitToolbarButtonSeparator"></div>
<button id = "zoomIn" class = "toolbarButton zoomIn" title = "Zoom In"></button>
</div>
<span id="scaleSelectContainer" class="dropdownToolbarButton">
<select id="scaleSelect" title="Zoom" oncontextmenu="return false;">
<option id="pageAutoOption" value="auto" selected>Automatic</option>
<option id="pageActualOption" value="page-actual">Actual Size</option>
<option id="pageWidthOption" value="page-width">Full Width</option>
<option id="customScaleOption" value="custom"> </option>
<option value="0.5">50%</option>
<option value="0.75">75%</option>
<option value="1">100%</option>
<option value="1.25">125%</option>
<option value="1.5">150%</option>
<option value="2">200%</option>
</select>
</span>
<div id = "sliderContainer">
<div id = "slider"></div>
</div>
</div>
</div>
<div id = "toolbarRight">
</div>
</div>
</div>
<div id = "canvasContainer">
<div id = "canvas"></div>
</div>
<div id = "overlayNavigator" class = "no-print">
<div id = "previousPage"></div>
<div id = "nextPage"></div>
</div>
<div id = "overlayCloseButton" class = "no-print">
&#10006;
</div>
<div id = "dialogOverlay" class = "no-print"></div>
<div id = "blanked" class = "no-print"></div>
</div>
</body>
</html>