<!DOCTYPE html>
<html>
<head>
<title>pdf.js Multi-Page Viewer</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<link rel="stylesheet" href="multi-page-viewer.css" type="text/css" media="screen"/>
<script type="text/javascript" src="pdf.js"></script>
<script type="text/javascript" src="fonts.js"></script>
<script type="text/javascript" src="glyphlist.js"></script>
<script type="text/javascript" src="multi-page-viewer.js"></script>
</head>
<body>
    <div id="controls">
        <span class="control">
            <span id="previousPageButton" class="disabled"></span>
            <span id="nextPageButton" class="disabled"></span>
            <span class="label">Previous/Next</span>
        </span>
        <span class="control">
            <input type="text" id="pageNumber" value="1" size="2"/>
            <span>/</span>
            <span id="numPages">--</span>
            <span class="label">Page Number</span>
        </span>
        <span class="control">
            <select id="scaleSelect">
                <option value="50">50%</option>
                <option value="75">75%</option>
                <option value="100" selected="selected">100%</option>
                <option value="125">125%</option>
                <option value="150">150%</option>
                <option value="200">200%</option>
            </select>
            <span class="label">Zoom</span>
        </span>
    </div>
    <div id="viewer"></div>
</body>
</html>