API tools faq
paste
Advertisement
developerjustin

Untitled

developerjustin
Jul 8th, 2014
295
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.40 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>All About Beer</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  7.     <script src="lib/jquery.min.js"></script>
  8.     <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
  9.     <script src="lib/jquery.rwdImageMaps.min.js"></script>
  10.     <script src="lib/jquery.lazyload.js"></script>
  11.     <script src="lib/jquery.slides.js"></script>
  12.     <script src="lib/jquery.maphilight.js"></script>
  13.    
  14.     <meta name="apple-mobile-web-app-capable" content="yes">
  15.    
  16.    
  17.    
  18.     <style>
  19.    
  20.    
  21.    
  22.         body{
  23.             padding: 0px;
  24.             margin: 0px;           
  25.         }
  26.    
  27.         body, html{
  28.             overflow-x: hidden;
  29.         }
  30.    
  31.         #nav{
  32.             display: block;
  33.             top: 0px;
  34.             left: 0px;
  35.             right: 0px;
  36.             background: #fff;
  37.             z-index: 9999999;
  38.             height: 227px;
  39.             box-shadow: 0px 2px 10px #000 !important;
  40.             overflow: hidden;
  41.         }
  42.        
  43.         #home{
  44.             position: absolute;
  45.             left: 40px;
  46.             padding: 10px;     
  47.             height: 40px;
  48.             width: 40px;
  49.             display: block;
  50.             text-align: center;
  51.             z-index: 99999;
  52.             top: 40px;
  53.             background: #333;
  54.             color: #fff;
  55.             line-height: 30px;
  56.             box-shadow: 0px 0px 3px #000 !important;
  57.         }
  58.         #home img{
  59.             width: 40px;
  60.         }  
  61.        
  62.         #shownav{
  63.             position: absolute;
  64.             right: 40px;
  65.             padding: 10px;     
  66.             height: 40px;
  67.             width: 40px;
  68.             display: block;
  69.             text-align: center;
  70.             z-index: 99999;
  71.             top: 40px;
  72.             background: #333;
  73.             color: #fff;
  74.             line-height: 30px;
  75.             box-shadow: 0px 0px 3px #000 !important;
  76.         }
  77.         #shownav img{
  78.             width: 40px;
  79.         }
  80.            
  81.         #book ul, #book ul li{
  82.             list-style: none;
  83.             padding: 0px;
  84.             margin: 0px;
  85.         }
  86.        
  87.         #book{
  88.             margin: 10px auto;
  89.         }
  90.        
  91.         #thumbs .thumb{
  92.             padding: 10px;
  93.         }
  94.         #thumbs .thumb a, #thumbs .thumb a img{
  95.             margin: 0 auto;
  96.             display: block;
  97.             width: auto;
  98.             height: 200px;
  99.         }
  100.        
  101.         .slidesjs-pagination{
  102.             display: none;
  103.             visibility: hidden;
  104.         }
  105.        
  106.         area{
  107.             outline-color: rgb(0, 255, 0);
  108.             outline-offset: 0px;
  109.             outline-style: auto;
  110.             outline-width: 5px;
  111.         }
  112.        
  113.         #thumbs .slick-track{
  114.             width: 19200px !important;
  115.         }
  116.         #thumbs .slick-slide, #thumbs .thumb{
  117.             width: 150px !important;
  118.         }      
  119.        
  120.         #book, #book div img{
  121.             width: 100%;
  122.             max-width: 100%;
  123.             display: block;
  124.             margin: 0 auto;                
  125.         }  
  126.        
  127.         .slidesjs-slide{
  128.             -webkit-backface-visibility: visible !important;
  129.         }              
  130.    
  131.     </style>   
  132.    
  133. </head>
  134. <body>
  135.     <div id="nav">
  136.         <div id='thumbs'>
  137.             <div class="thumb"><a data-slide-index="0" onClick="window.gotoPage(0)"><img alt="page" src="thumbs/aab_00001_thumb_0001@2x.gif" /></a></div>
  138.             <div class="thumb"><a data-slide-index="0" onClick="window.gotoPage(1)"><img alt="page" src="thumbs/aab_00001_thumb_0002@2x.gif" /></a></div>          
  139.             <div class="thumb"><a data-slide-index="2" onClick="window.gotoPage(2)"><img alt="page" src="thumbs/aab_00001_thumb_0003@2x.gif"/></a></div>
  140.             <div class="thumb"><a data-slide-index="3" onClick="window.gotoPage(3)"><img alt="page" src="thumbs/aab_00001_thumb_0004@2x.gif"/></a></div>
  141.             <div class="thumb"><a data-slide-index="4" onClick="window.gotoPage(4)"><img alt="page" src="thumbs/aab_00001_thumb_0005@2x.gif"/></a></div>
  142.             <div class="thumb"><a data-slide-index="5" onClick="window.gotoPage(5)"><img alt="page" src="thumbs/aab_00001_thumb_0006@2x.gif"/></a></div>
  143.             <div class="thumb"><a data-slide-index="6" onClick="window.gotoPage(6)"><img alt="page" src="thumbs/aab_00001_thumb_0007@2x.gif"/></a></div>
  144.             <div class="thumb"><a data-slide-index="7" onClick="window.gotoPage(7)"><img alt="page" src="thumbs/aab_00001_thumb_0008@2x.gif"/></a></div>
  145.             <div class="thumb"><a data-slide-index="8" onClick="window.gotoPage(8)"><img alt="page" src="thumbs/aab_00001_thumb_0009@2x.gif"/></a></div>
  146.             <div class="thumb"><a data-slide-index="9" onClick="window.gotoPage(9)"><img alt="page" src="thumbs/aab_00001_thumb_00010@2x.gif"/></a></div>
  147.             <div class="thumb"><a data-slide-index="10" onClick="window.gotoPage(10)"><img alt="page" src="thumbs/aab_00001_thumb_00011@2x.gif"/></a></div>
  148.             <div class="thumb"><a data-slide-index="11" onClick="window.gotoPage(11)"><img alt="page" src="thumbs/aab_00001_thumb_00012@2x.gif"/></a></div>
  149.             <div class="thumb"><a data-slide-index="12" onClick="window.gotoPage(12)"><img alt="page" src="thumbs/aab_00001_thumb_00013@2x.gif"/></a></div>
  150.             <div class="thumb"><a data-slide-index="13" onClick="window.gotoPage(13)"><img alt="page" src="thumbs/aab_00001_thumb_00014@2x.gif"/></a></div>
  151.             <div class="thumb"><a data-slide-index="14" onClick="window.gotoPage(14)"><img alt="page" src="thumbs/aab_00001_thumb_00015@2x.gif"/></a></div>
  152.             <div class="thumb"><a data-slide-index="15" onClick="window.gotoPage(15)"><img alt="page" src="thumbs/aab_00001_thumb_00016@2x.gif"/></a></div>
  153.             <div class="thumb"><a data-slide-index="16" onClick="window.gotoPage(16)"><img alt="page" src="thumbs/aab_00001_thumb_00017@2x.gif"/></a></div>
  154.             <div class="thumb"><a data-slide-index="17" onClick="window.gotoPage(17)"><img alt="page" src="thumbs/aab_00001_thumb_00018@2x.gif"/></a></div>
  155.             <div class="thumb"><a data-slide-index="18" onClick="window.gotoPage(18)"><img alt="page" src="thumbs/aab_00001_thumb_00019@2x.gif"/></a></div>
  156.             <div class="thumb"><a data-slide-index="19" onClick="window.gotoPage(19)"><img alt="page" src="thumbs/aab_00001_thumb_00020@2x.gif"/></a></div>
  157.             <div class="thumb"><a data-slide-index="20" onClick="window.gotoPage(20)"><img alt="page" src="thumbs/aab_00001_thumb_00021@2x.gif"/></a></div>
  158.             <div class="thumb"><a data-slide-index="21" onClick="window.gotoPage(21)"><img alt="page" src="thumbs/aab_00001_thumb_00022@2x.gif"/></a></div>
  159.             <div class="thumb"><a data-slide-index="22" onClick="window.gotoPage(22)"><img alt="page" src="thumbs/aab_00001_thumb_00023@2x.gif"/></a></div>
  160.             <div class="thumb"><a data-slide-index="23" onClick="window.gotoPage(23)"><img alt="page" src="thumbs/aab_00001_thumb_00024@2x.gif"/></a></div>
  161.             <div class="thumb"><a data-slide-index="24" onClick="window.gotoPage(24)"><img alt="page" src="thumbs/aab_00001_thumb_00025@2x.gif"/></a></div>
  162.             <div class="thumb"><a data-slide-index="25" onClick="window.gotoPage(25)"><img alt="page" src="thumbs/aab_00001_thumb_00026@2x.gif"/></a></div>
  163.             <div class="thumb"><a data-slide-index="26" onClick="window.gotoPage(26)"><img alt="page" src="thumbs/aab_00001_thumb_00027@2x.gif"/></a></div>
  164.             <div class="thumb"><a data-slide-index="27" onClick="window.gotoPage(27)"><img alt="page" src="thumbs/aab_00001_thumb_00028@2x.gif"/></a></div>
  165.             <div class="thumb"><a data-slide-index="28" onClick="window.gotoPage(28)"><img alt="page" src="thumbs/aab_00001_thumb_00029@2x.gif"/></a></div>
  166.             <div class="thumb"><a data-slide-index="29" onClick="window.gotoPage(29)"><img alt="page" src="thumbs/aab_00001_thumb_00030@2x.gif"/></a></div>
  167.             <div class="thumb"><a data-slide-index="30" onClick="window.gotoPage(30)"><img alt="page" src="thumbs/aab_00001_thumb_00031@2x.gif"/></a></div>
  168.             <div class="thumb"><a data-slide-index="31" onClick="window.gotoPage(31)"><img alt="page" src="thumbs/aab_00001_thumb_00032@2x.gif"/></a></div>
  169.             <div class="thumb"><a data-slide-index="32" onClick="window.gotoPage(32)"><img alt="page" src="thumbs/aab_00001_thumb_00033@2x.gif"/></a></div>
  170.             <div class="thumb"><a data-slide-index="33" onClick="window.gotoPage(33)"><img alt="page" src="thumbs/aab_00001_thumb_00034@2x.gif"/></a></div>
  171.             <div class="thumb"><a data-slide-index="34" onClick="window.gotoPage(34)"><img alt="page" src="thumbs/aab_00001_thumb_00035@2x.gif"/></a></div>
  172.             <div class="thumb"><a data-slide-index="35" onClick="window.gotoPage(35)"><img alt="page" src="thumbs/aab_00001_thumb_00036@2x.gif"/></a></div>
  173.             <div class="thumb"><a data-slide-index="36" onClick="window.gotoPage(36)"><img alt="page" src="thumbs/aab_00001_thumb_00037@2x.gif"/></a></div>
  174.             <div class="thumb"><a data-slide-index="37" onClick="window.gotoPage(37)"><img alt="page" src="thumbs/aab_00001_thumb_00038@2x.gif"/></a></div>
  175.             <div class="thumb"><a data-slide-index="38" onClick="window.gotoPage(38)"><img alt="page" src="thumbs/aab_00001_thumb_00039@2x.gif"/></a></div>
  176.             <div class="thumb"><a data-slide-index="39" onClick="window.gotoPage(39)"><img alt="page" src="thumbs/aab_00001_thumb_00040@2x.gif"/></a></div>
  177.             <div class="thumb"><a data-slide-index="40" onClick="window.gotoPage(40)"><img alt="page" src="thumbs/aab_00001_thumb_00041@2x.gif"/></a></div>
  178.             <div class="thumb"><a data-slide-index="41" onClick="window.gotoPage(41)"><img alt="page" src="thumbs/aab_00001_thumb_00042@2x.gif"/></a></div>
  179.             <div class="thumb"><a data-slide-index="42" onClick="window.gotoPage(42)"><img alt="page" src="thumbs/aab_00001_thumb_00043@2x.gif"/></a></div>
  180.             <div class="thumb"><a data-slide-index="43" onClick="window.gotoPage(43)"><img alt="page" src="thumbs/aab_00001_thumb_00044@2x.gif"/></a></div>
  181.             <div class="thumb"><a data-slide-index="44" onClick="window.gotoPage(44)"><img alt="page" src="thumbs/aab_00001_thumb_00045@2x.gif"/></a></div>
  182.             <div class="thumb"><a data-slide-index="45" onClick="window.gotoPage(45)"><img alt="page" src="thumbs/aab_00001_thumb_00046@2x.gif"/></a></div>
  183.             <div class="thumb"><a data-slide-index="46" onClick="window.gotoPage(46)"><img alt="page" src="thumbs/aab_00001_thumb_00047@2x.gif"/></a></div>
  184.             <div class="thumb"><a data-slide-index="47" onClick="window.gotoPage(47)"><img alt="page" src="thumbs/aab_00001_thumb_00048@2x.gif"/></a></div>
  185.             <div class="thumb"><a data-slide-index="48" onClick="window.gotoPage(48)"><img alt="page" src="thumbs/aab_00001_thumb_00049@2x.gif"/></a></div>
  186.             <div class="thumb"><a data-slide-index="49" onClick="window.gotoPage(49)"><img alt="page" src="thumbs/aab_00001_thumb_00050@2x.gif"/></a></div>
  187.             <div class="thumb"><a data-slide-index="50" onClick="window.gotoPage(50)"><img alt="page" src="thumbs/aab_00001_thumb_00051@2x.gif"/></a></div>
  188.             <div class="thumb"><a data-slide-index="51" onClick="window.gotoPage(51)"><img alt="page" src="thumbs/aab_00001_thumb_00052@2x.gif"/></a></div>
  189.             <div class="thumb"><a data-slide-index="52" onClick="window.gotoPage(52)"><img alt="page" src="thumbs/aab_00001_thumb_00053@2x.gif"/></a></div>
  190.             <div class="thumb"><a data-slide-index="53" onClick="window.gotoPage(53)"><img alt="page" src="thumbs/aab_00001_thumb_00054@2x.gif"/></a></div>
  191.             <div class="thumb"><a data-slide-index="54" onClick="window.gotoPage(54)"><img alt="page" src="thumbs/aab_00001_thumb_00055@2x.gif"/></a></div>
  192.             <div class="thumb"><a data-slide-index="55" onClick="window.gotoPage(55)"><img alt="page" src="thumbs/aab_00001_thumb_00056@2x.gif"/></a></div>
  193.             <div class="thumb"><a data-slide-index="56" onClick="window.gotoPage(56)"><img alt="page" src="thumbs/aab_00001_thumb_00057@2x.gif"/></a></div>
  194.             <div class="thumb"><a data-slide-index="57" onClick="window.gotoPage(57)"><img alt="page" src="thumbs/aab_00001_thumb_00058@2x.gif"/></a></div>
  195.             <div class="thumb"><a data-slide-index="58" onClick="window.gotoPage(58)"><img alt="page" src="thumbs/aab_00001_thumb_00059@2x.gif"/></a></div>
  196.             <div class="thumb"><a data-slide-index="59" onClick="window.gotoPage(59)"><img alt="page" src="thumbs/aab_00001_thumb_00060@2x.gif"/></a></div>
  197.             <div class="thumb"><a data-slide-index="60" onClick="window.gotoPage(60)"><img alt="page" src="thumbs/aab_00001_thumb_00061@2x.gif"/></a></div>
  198.             <div class="thumb"><a data-slide-index="61" onClick="window.gotoPage(61)"><img alt="page" src="thumbs/aab_00001_thumb_00062@2x.gif"/></a></div>
  199.             <div class="thumb"><a data-slide-index="62" onClick="window.gotoPage(62)"><img alt="page" src="thumbs/aab_00001_thumb_00063@2x.gif"/></a></div>
  200.             <div class="thumb"><a data-slide-index="63" onClick="window.gotoPage(63)"><img alt="page" src="thumbs/aab_00001_thumb_00064@2x.gif"/></a></div>
  201.             <div class="thumb"><a data-slide-index="64" onClick="window.gotoPage(64)"><img alt="page" src="thumbs/aab_00001_thumb_00065@2x.gif"/></a></div>
  202.             <div class="thumb"><a data-slide-index="65" onClick="window.gotoPage(65)"><img alt="page" src="thumbs/aab_00001_thumb_00066@2x.gif"/></a></div>
  203.             <div class="thumb"><a data-slide-index="66" onClick="window.gotoPage(66)"><img alt="page" src="thumbs/aab_00001_thumb_00067@2x.gif"/></a></div>
  204.             <div class="thumb"><a data-slide-index="67" onClick="window.gotoPage(67)"><img alt="page" src="thumbs/aab_00001_thumb_00068@2x.gif"/></a></div>
  205.             <div class="thumb"><a data-slide-index="68" onClick="window.gotoPage(68)"><img alt="page" src="thumbs/aab_00001_thumb_00069@2x.gif"/></a></div>
  206.             <div class="thumb"><a data-slide-index="69" onClick="window.gotoPage(69)"><img alt="page" src="thumbs/aab_00001_thumb_00070@2x.gif"/></a></div>
  207.             <div class="thumb"><a data-slide-index="70" onClick="window.gotoPage(70)"><img alt="page" src="thumbs/aab_00001_thumb_00071@2x.gif"/></a></div>
  208.             <div class="thumb"><a data-slide-index="71" onClick="window.gotoPage(71)"><img alt="page" src="thumbs/aab_00001_thumb_00072@2x.gif"/></a></div>
  209.             <div class="thumb"><a data-slide-index="72" onClick="window.gotoPage(72)"><img alt="page" src="thumbs/aab_00001_thumb_00073@2x.gif"/></a></div>
  210.             <div class="thumb"><a data-slide-index="73" onClick="window.gotoPage(73)"><img alt="page" src="thumbs/aab_00001_thumb_00074@2x.gif"/></a></div>
  211.             <div class="thumb"><a data-slide-index="74" onClick="window.gotoPage(74)"><img alt="page" src="thumbs/aab_00001_thumb_00075@2x.gif"/></a></div>
  212.             <div class="thumb"><a data-slide-index="75" onClick="window.gotoPage(75)"><img alt="page" src="thumbs/aab_00001_thumb_00076@2x.gif"/></a></div>
  213.             <div class="thumb"><a data-slide-index="76" onClick="window.gotoPage(76)"><img alt="page" src="thumbs/aab_00001_thumb_00077@2x.gif"/></a></div>
  214.             <div class="thumb"><a data-slide-index="77" onClick="window.gotoPage(77)"><img alt="page" src="thumbs/aab_00001_thumb_00078@2x.gif"/></a></div>
  215.             <div class="thumb"><a data-slide-index="78" onClick="window.gotoPage(78)"><img alt="page" src="thumbs/aab_00001_thumb_00079@2x.gif"/></a></div>
  216.             <div class="thumb"><a data-slide-index="79" onClick="window.gotoPage(79)"><img alt="page" src="thumbs/aab_00001_thumb_00080@2x.gif"/></a></div>
  217.             <div class="thumb"><a data-slide-index="80" onClick="window.gotoPage(80)"><img alt="page" src="thumbs/aab_00001_thumb_00081@2x.gif"/></a></div>
  218.             <div class="thumb"><a data-slide-index="81" onClick="window.gotoPage(81)"><img alt="page" src="thumbs/aab_00001_thumb_00082@2x.gif"/></a></div>
  219.             <div class="thumb"><a data-slide-index="82" onClick="window.gotoPage(82)"><img alt="page" src="thumbs/aab_00001_thumb_00083@2x.gif"/></a></div>
  220.             <div class="thumb"><a data-slide-index="83" onClick="window.gotoPage(83)"><img alt="page" src="thumbs/aab_00001_thumb_00084@2x.gif"/></a></div>
  221.             <div class="thumb"><a data-slide-index="84" onClick="window.gotoPage(84)"><img alt="page" src="thumbs/aab_00001_thumb_00085@2x.gif"/></a></div>
  222.             <div class="thumb"><a data-slide-index="85" onClick="window.gotoPage(85)"><img alt="page" src="thumbs/aab_00001_thumb_00086@2x.gif"/></a></div>
  223.             <div class="thumb"><a data-slide-index="86" onClick="window.gotoPage(86)"><img alt="page" src="thumbs/aab_00001_thumb_00087@2x.gif"/></a></div>
  224.             <div class="thumb"><a data-slide-index="87" onClick="window.gotoPage(87)"><img alt="page" src="thumbs/aab_00001_thumb_00088@2x.gif"/></a></div>
  225.             <div class="thumb"><a data-slide-index="88" onClick="window.gotoPage(88)"><img alt="page" src="thumbs/aab_00001_thumb_00089@2x.gif"/></a></div>
  226.             <div class="thumb"><a data-slide-index="89" onClick="window.gotoPage(89)"><img alt="page" src="thumbs/aab_00001_thumb_00090@2x.gif"/></a></div>
  227.             <div class="thumb"><a data-slide-index="90" onClick="window.gotoPage(90)"><img alt="page" src="thumbs/aab_00001_thumb_00091@2x.gif"/></a></div>
  228.             <div class="thumb"><a data-slide-index="91" onClick="window.gotoPage(91)"><img alt="page" src="thumbs/aab_00001_thumb_00092@2x.gif"/></a></div>
  229.             <div class="thumb"><a data-slide-index="92" onClick="window.gotoPage(92)"><img alt="page" src="thumbs/aab_00001_thumb_00093@2x.gif"/></a></div>
  230.             <div class="thumb"><a data-slide-index="93" onClick="window.gotoPage(93)"><img alt="page" src="thumbs/aab_00001_thumb_00094@2x.gif"/></a></div>
  231.             <div class="thumb"><a data-slide-index="94" onClick="window.gotoPage(94)"><img alt="page" src="thumbs/aab_00001_thumb_00095@2x.gif"/></a></div>
  232.             <div class="thumb"><a data-slide-index="95" onClick="window.gotoPage(95)"><img alt="page" src="thumbs/aab_00001_thumb_00096@2x.gif"/></a></div>
  233.             <div class="thumb"><a data-slide-index="96" onClick="window.gotoPage(96)"><img alt="page" src="thumbs/aab_00001_thumb_00097@2x.gif"/></a></div>
  234.             <div class="thumb"><a data-slide-index="97" onClick="window.gotoPage(97)"><img alt="page" src="thumbs/aab_00001_thumb_00098@2x.gif"/></a></div>
  235.             <div class="thumb"><a data-slide-index="98" onClick="window.gotoPage(98)"><img alt="page" src="thumbs/aab_00001_thumb_00099@2x.gif"/></a></div>
  236.             <div class="thumb"><a data-slide-index="99" onClick="window.gotoPage(99)"><img alt="page" src="thumbs/aab_00001_thumb_000100@2x.gif"/></a></div>
  237.         </div>
  238.     </div>
  239.    
  240.     <div id="shownav">
  241.         <img src="lib/grid.png" alt="control"/>
  242.     </div>
  243.     <div id="home">
  244.         <img src="lib/home.png" alt="control"/>
  245.     </div>
  246.    
  247.     <div id="book">
  248.         <div class="bxslider">
  249.             <div>
  250.                 <img src="img/aab_00001_full_0001.jpg" usemap="#m_aab_00001_full_0001" alt="page" />
  251.                 <map name="m_aab_00001_full_0001" id="m_aab_00001_full_0001">
  252.                     <area href="#" shape="rect" coords="347,1730,1500,2008" onClick="window.gotoPage(86)" title="86" alt="86"/>
  253.                     <area href="#" shape="rect" coords="0,1575,849,1730" onClick="window.gotoPage(33)" title="33" alt="33"/>
  254.                     <area href="#" shape="rect" coords="0,1400,712,1575" onClick="window.gotoPage(51)" title="51" alt="51"/>
  255.                     <area href="#" shape="rect" coords="0,1209,695,1400" onClick="window.gotoPage(41)" title="41" alt="41"/>
  256.                     <area href="#" shape="rect" coords="0,452,750,1003" onClick="window.gotoPage(27)" title="27" alt="27"/>
  257.                 </map>
  258.             </div> 
  259.                            
  260.             <div>
  261.                 <img src="img/aab_00001_full_0002.jpg" usemap="#aab_00001_full_0002" alt="page" />
  262.                 <map name="aab_00001_full_0002" id="aab_00001_full_0002">
  263.                     <area href="#" shape="rect" coords="347,1730,1500,2008" onClick="window.gotoPage(86)" title="86" alt="86"/>
  264.                     <area href="#" shape="rect" coords="0,1575,849,1730" onClick="window.gotoPage(33)" title="33" alt="33"/>
  265.                     <area href="#" shape="rect" coords="0,1400,712,1575" onClick="window.gotoPage(51)" title="51" alt="51"/>
  266.                     <area href="#" shape="rect" coords="0,1209,695,1400" onClick="window.gotoPage(41)" title="41" alt="41"/>
  267.                     <area href="#" shape="rect" coords="0,452,750,1003" onClick="window.gotoPage(27)" title="27" alt="27"/>
  268.                 </map>             
  269.             </div>
  270.            
  271.             <div>
  272.                 <img src="img/aab_00001_full_0003.jpg" usemap="#m_aab_00001_full_0003" alt="page" />
  273.                 <map name="m_aab_00001_full_0003" id="m_aab_00001_full_0003">
  274.                     <area href="#" shape="rect" coords="669,1518,1423,1931" onClick="window.gotoPage(59)" title="57" alt="57"/>
  275.                     <area href="#" shape="rect" coords="669,1004,1423,1502" onClick="window.gotoPage(27)" title="25" alt="25"/>
  276.                     <area href="#" shape="rect" coords="751,244,1401,1004" onClick="window.gotoPage(41)" title="39" alt="39"/>
  277.                     <area href="#" shape="rect" coords="0,1004,652,1918" onClick="window.gotoPage(51)" title="49" alt="49"/>
  278.                     <area href="#" shape="rect" coords="0,244,751,984" onClick="window.gotoPage(33)" title="31" alt="31"/>
  279.                 </map>
  280.             </div>
  281.             <div>
  282.                 <img src="img/aab_00001_full_0004.jpg" usemap="#m_aab_00001_full_0004" alt="page" />
  283.                 <map name="m_aab_00001_full_0004" id="m_aab_00001_full_0004">
  284.                     <area href="#" shape="rect" coords="550,1600,978,1670" onClick="window.gotoPage(4)" alt="4"/>
  285.                     <area href="#" shape="rect" coords="550,1464,978,1582" onClick="window.gotoPage(6)" alt="6"/>
  286.                     <area href="#" shape="rect" coords="550,1354,978,1464" onClick="window.gotoPage(8)" alt="8"/>
  287.                     <area href="#" shape="rect" coords="566,854,960,992" onClick="window.gotoPage(18)" alt="18"/>
  288.                     <area href="#" shape="rect" coords="566,756,567,776" onClick="window.gotoPage(24)" alt="24"/>
  289.                     <area href="#" shape="rect" coords="566,776,960,838" onClick="window.gotoPage(78)" alt="78"/>
  290.                     <area href="#" shape="rect" coords="566,654,960,756" onClick="window.gotoPage(80)" alt="80"/>
  291.                     <area href="#" shape="rect" coords="550,326,978,376" onClick="window.gotoPage(96)" alt="96"/>
  292.                     <area href="#" shape="rect" coords="550,206,978,312" onClick="window.gotoPage(48)" alt="48"/>
  293.                     <area href="#" shape="rect" coords="90,1568,478,1670" onClick="window.gotoPage(74)" alt="72"/>
  294.                     <area href="#" shape="rect" coords="90,1450,478,1568" onClick="window.gotoPage(82)" alt="82"/>
  295.                     <area href="#" shape="rect" coords="90,1354,478,1450" onClick="window.gotoPage(84)" alt="84"/>
  296.                     <area href="#" shape="rect" coords="90,838,478,952" onClick="window.gotoPage(88)" alt="88"/>
  297.                     <area href="#" shape="rect" coords="90,776,478,838" onClick="window.gotoPage(90)" alt="90"/>
  298.                     <area href="#" shape="rect" coords="112,376,478,446" onClick="window.gotoPage(92)" alt="92"/>
  299.                     <area href="#" shape="rect" coords="112,298,478,376" onClick="window.gotoPage(94)" alt="94"/>
  300.                     <area href="#" shape="rect" coords="112,206,478,298" onClick="window.gotoPage(10)" alt="10"/>
  301.                 </map>
  302.             </div>
  303.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_0005.jpg" /></div>
  304.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_0006.jpg" /></div>
  305.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_0007.jpg" /></div>
  306.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_0008.jpg" /></div>
  307.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_0009.jpg" /></div>
  308.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00010.jpg" /></div>
  309.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00011.jpg" /></div>
  310.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00012.jpg" /></div>
  311.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00013.jpg" /></div>
  312.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00014.jpg" /></div>
  313.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00015.jpg" /></div>
  314.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00016.jpg" /></div>
  315.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00017.jpg" /></div>
  316.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00018.jpg" /></div>
  317.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00019.jpg" /></div>
  318.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00020.jpg" /></div>
  319.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00021.jpg" /></div>
  320.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00022.jpg" /></div>
  321.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00023.jpg" /></div>
  322.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00024.jpg" /></div>
  323.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00025.jpg" /></div>
  324.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00026.jpg" /></div>
  325.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00027.jpg" /></div>
  326.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00028.jpg" /></div>
  327.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00029.jpg" /></div>
  328.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00030.jpg" /></div>
  329.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00031.jpg" /></div>
  330.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00032.jpg" /></div>
  331.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00033.jpg" /></div>
  332.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00034.jpg" /></div>
  333.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00035.jpg" /></div>
  334.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00036.jpg" /></div>
  335.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00037.jpg" /></div>
  336.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00038.jpg" /></div>
  337.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00039.jpg" /></div>
  338.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00040.jpg" /></div>
  339.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00041.jpg" /></div>
  340.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00042.jpg" /></div>
  341.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00043.jpg" /></div>
  342.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00044.jpg" /></div>
  343.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00045.jpg" /></div>
  344.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00046.jpg" /></div>
  345.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00047.jpg" /></div>
  346.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00048.jpg" /></div>
  347.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00049.jpg" /></div>
  348.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00050.jpg" /></div>
  349.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00051.jpg" /></div>
  350.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00052.jpg" /></div>
  351.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00053.jpg" /></div>
  352.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00054.jpg" /></div>
  353.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00055.jpg" /></div>
  354.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00056.jpg" /></div>
  355.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00057.jpg" /></div>
  356.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00058.jpg" /></div>
  357.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00059.jpg" /></div>
  358.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00060.jpg" /></div>
  359.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00061.jpg" /></div>
  360.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00062.jpg" /></div>
  361.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00063.jpg" /></div>
  362.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00064.jpg" /></div>
  363.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00065.jpg" /></div>
  364.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00066.jpg" /></div>
  365.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00067.jpg" /></div>
  366.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00068.jpg" /></div>
  367.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00069.jpg" /></div>
  368.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00070.jpg" /></div>
  369.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00071.jpg" /></div>
  370.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00072.jpg" /></div>
  371.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00073.jpg" /></div>
  372.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00074.jpg" /></div>
  373.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00075.jpg" /></div>
  374.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00076.jpg" /></div>
  375.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00077.jpg" /></div>
  376.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00078.jpg" /></div>
  377.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00079.jpg" /></div>
  378.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00080.jpg" /></div>
  379.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00081.jpg" /></div>
  380.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00082.jpg" /></div>
  381.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00083.jpg" /></div>
  382.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00084.jpg" /></div>
  383.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00085.jpg" /></div>
  384.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00086.jpg" /></div>
  385.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00087.jpg" /></div>
  386.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00088.jpg" /></div>
  387.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00089.jpg" /></div>
  388.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00090.jpg" /></div>
  389.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00091.jpg" /></div>
  390.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00092.jpg" /></div>
  391.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00093.jpg" /></div>
  392.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00094.jpg" /></div>
  393.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00095.jpg" /></div>
  394.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00096.jpg" /></div>
  395.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00097.jpg" /></div>
  396.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00098.jpg" /></div>
  397.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_00099.jpg" /></div>
  398.             <div><img alt="page" src="transparent.gif" data-original="img/aab_00001_full_000100.jpg" /></div>
  399.         </div>
  400.     </div>
  401.  
  402.  
  403.     <script type="text/javascript" src="slick/slick.min.js"></script>      
  404.        
  405.     <script type="text/javascript">
  406.         $(document).ready(function(){
  407.        
  408.             //FastClick.attach(document.body);  
  409.            
  410.             //$('img[usemap]').maphilight();
  411.            
  412.             $('img[usemap]').rwdImageMaps();
  413.            
  414.             $('.bxslider').slidesjs({
  415.                 width: 1500,
  416.                 height: 2008,
  417.                 navigation: false,
  418.                
  419.                 callback: {
  420.                   loaded: function(number) {
  421.                     // Do something awesome!
  422.                     // Passes start slide number
  423.                   },
  424.                   start: function(number) {
  425.                     // Do something awesome!
  426.                     // Passes slide number at start of animation
  427.                   },
  428.                   complete: function(number) {
  429.                     // Do something awesome!
  430.                     // Passes slide number at end of animation
  431.                     //$('img[usemap]').rwdImageMaps();
  432.                    
  433.                         $( window ).trigger( "resize" );
  434.                    
  435.                     $(".slidesjs-slide").eq(number).children("img").each(function(){
  436.                         $(this).attr("src",$(this).attr("data-original"));
  437.                     });                
  438.                   }              
  439.                 }
  440.                                
  441.                                
  442.             });        
  443.  
  444.             $("#shownav").click(function(){
  445.                 $("#nav").slideToggle("fast");
  446.             });
  447.            
  448.             $("#home").click(function(){
  449.                 window.gotoPage(0);
  450.             });            
  451.  
  452.             $("#thumbs").slick({
  453.                 lazyLoad: 'ondemand',
  454.                 slidesToShow: 4,
  455.                 infinite: false,
  456.                 slidesToScroll: 3
  457.             });        
  458.            
  459.             $("#nav").hide();
  460.                
  461.             window.gotoPage = function(pageNumber){    
  462.            
  463.                 console.log(pageNumber);
  464.                                
  465.                 $( window ).trigger( "resize" );
  466.            
  467.                 $('a[data-slidesjs-item="' + pageNumber + '"]').trigger('click');
  468.                                                                
  469.                
  470.                 $(".slidesjs-slide").eq(pageNumber).children("img").each(function(){
  471.                     $(this).attr("src",$(this).attr("data-original"));
  472.                 });
  473.  
  474.                                
  475.             }  
  476.            
  477.             window.gotoPage(0);                    
  478.  
  479.             $("#book").click(function(){
  480.                 if($("#nav").is(":visible")){
  481.                     $("#nav").slideToggle("fast");             
  482.                 }          
  483.             });                
  484.                
  485.             /* 
  486.             $("#book img").click(function(){
  487.                 if($("#nav").is(":visible")){
  488.                     $("#nav").slideToggle("fast");             
  489.                 }          
  490.             });
  491.             */
  492.                            
  493.            
  494.         });
  495.     </script>
  496.    
  497. </body>
  498. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!