<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<title>flipBook</title>
<script src="/javascript/jquery-1.7.2.min.js"></script>
<!--<script src="/javascript/jquery.mobile-1.0a3.min.js"></script>-->
<script src="/javascript/config.js"></script><!---->
<link rel="stylesheet" href="/style/style.css" />
<script src="/javascript/main.js"></script>
<!--<script src="/javascript/validate.js"></script>-->
</head>
<body>

<div class="adsBar" id='adsBar'>
<div id="adsContent" style="position:absolute">
<!-- <script>
google_ad_client = "pub-6684870875842840";
/* 728x90, ??? 10-9-3 */
google_ad_slot = "5447465312";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>-->
</div>
</div>
<div class="bookStage" id="bookContainer">
<div class="flipBook" id="flipBook">
<div class="paper" id="previousPage">

</div>
<div class="paper" id="currentPageA">

</div>
<div class="paper" id="currentPageB">

</div>
<div class="paper" id="nextPage">

</div>
</div>
<div class="zoomBook" id="zoomBook" style="display: none">
<div class="zoomPage" id="zoomCurPage">

</div>
<div class="zoomPage" id="zoomPrePage">

</div>
<div class="zoomPage" id="zoomNextPage">

</div>
</div>
<div id="singleBookMask" style="position: absolute;">
<div id="singleBook" class="singleBook" style="display: none; position: absolute;">
<div id="singlePrePage" style="position: absolute;z-index: 1"></div>
<div id="singleNextPage" style="position: absolute;z-index: 2"></div>
<div id="singleCurPage" style="position: absolute;z-index: 3"></div>
</div>
</div>
</div>
<div class="fbToolBar" id="fbToolBar">
<img id="toolBarBack" src="/style/BackGround.jpg" style="position: absolute;z-index: 1"/>
<div id="logoBar" style="position: absolute;z-index: 2"></div>
<div class="bottom right" style="position: absolute;left: auto;right: 0px;z-index: 3">

<div title='Last Page' id="btnLast" class="numbering"><img alt="&gt;" src="/style/Last.png"></div>
<div title='Next Page' id="btnRight" class="numbering"><img alt="&gt;" src="/style/next.png"></div>
<div class="numbering" id="tfPageIndex"><input type="text" id="currentPageIndexTextField" size="13" value="" style="text-align: center" /></div>
<div title='Previous Page' id="btnLeft" class="numbering"><img alt="&lt;" src="/style/prev.png"></div>
<div title='First Page' id="btnFirst" class="numbering" ><img alt="&lt;" src="/style/First.png"></div>
<div title='Zoom In' id="btnZoom" class="numbering"><img id="zoomImg" alt="&lt;" src="/style/ZoomIn.png"></div>
<div title='Thumbnails' id="btnThumb" class="numbering"><img alt="&lt;" src="/style/thumbnails.png"></div>
<div title='Share' id="btnShare" class="numbering"><img alt="&lt;" src="/style/sharethis.png"></div>
<!--<div class="numbering" id="pageIndexTextField">Page:<span id="fbCurrentPageIndex">1</span>/<span id="fbTotalPageCount">11</span></div>-->

<div id="log"></div>
</div>
</div>
</body>
</html>