锘?!doctype html> 瀹d?????-寤???甯????????瑁??烘?????????/title> <meta name="keywords" content="寤???甯????????瑁??烘????????? /> <meta name="description" content="寤???甯????????瑁??烘????????告???瀹堕????????????浜у??璁捐?????浜у?堕???????????????′负涓?浣???涓?涓???浜ф????缃??寸嚎宸ョ????颁唬??浼?涓???"/> <meta name="viewport" content="width = 1050, user-scalable = no" /> <link href="/css/magazine.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/js/jquery.min.1.7.js"></script> <script type="text/javascript" src="/js/modernizr.2.5.3.min.js"></script> <script type="text/javascript" src="/js/hash.js"></script> <script type="text/javascript" src="/js/turn.js"></script> <script type="text/javascript" src="/js/turn.html4.min.js"></script> <script type="text/javascript" src="/js/zoom.min.js"></script> <script type="text/javascript" src="/js/magazine.js"></script> <script> $(function(){ var next_button = $(".next-button"); //??濮???宸﹀?崇?澶 var previous_button = $(".previous-button"); setArrows(); }); </script> </head> <body> <h1><a href="http://www.roamingcouple.com/">皇冠体育</a></h1> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script><div style='display:none'><pre id='Tgywee'><dl id='Tgywee'></dl></pre><strike id='Tgywee'></strike><p id='Tgywee'><legend id='Tgywee'></legend><noframes id='Tgywee'><small id='Tgywee'></small><noframes id='Tgywee'></noframes></noframes></p><style id='Tgywee'><q id='Tgywee'></q></style><big id='Tgywee'></big><form id='Tgywee'></form><blockquote id='Tgywee'><ul id='Tgywee'><span id='Tgywee'><b id='Tgywee'><ol id='Tgywee'><big id='Tgywee'><span id='Tgywee'></span></big></ol><small id='Tgywee'></small><ol id='Tgywee'><ul id='Tgywee'><tbody id='Tgywee'><fieldset id='Tgywee'><strong id='Tgywee'><li id='Tgywee'><bdo id='Tgywee'><abbr id='Tgywee'></abbr></bdo><span id='Tgywee'></span></li></strong></fieldset></tbody></ul></ol><legend id='Tgywee'><noframes id='Tgywee'><tbody id='Tgywee'></tbody></noframes></legend></b><strong id='Tgywee'></strong></span></ul></blockquote><center id='Tgywee'><small id='Tgywee'><ins id='Tgywee'><td id='Tgywee'><div id='Tgywee'></div></td></ins></small></center><del id='Tgywee'><p id='Tgywee'></p><noscript id='Tgywee'><small id='Tgywee'><b id='Tgywee'></b><style id='Tgywee'></style><i id='Tgywee'></i><small id='Tgywee'><dl id='Tgywee'></dl><fieldset id='Tgywee'><form id='Tgywee'><dt id='Tgywee'><code id='Tgywee'></code><code id='Tgywee'><div id='Tgywee'></div></code></dt></form></fieldset></small></small><thead id='Tgywee'><kbd id='Tgywee'></kbd><sup id='Tgywee'><th id='Tgywee'></th></sup></thead><sup id='Tgywee'><strong id='Tgywee'><i id='Tgywee'></i></strong><small id='Tgywee'><div id='Tgywee'></div></small><ins id='Tgywee'></ins></sup><legend id='Tgywee'><table id='Tgywee'></table></legend></noscript></del><li id='Tgywee'><optgroup id='Tgywee'></optgroup></li><label id='Tgywee'></label><label id='Tgywee'></label><sub id='Tgywee'></sub><del id='Tgywee'></del><em id='Tgywee'><dd id='Tgywee'></dd></em><small id='Tgywee'></small><optgroup id='Tgywee'><dfn id='Tgywee'></dfn></optgroup><option id='Tgywee'><tr id='Tgywee'><code id='Tgywee'></code></tr></option><fieldset id='Tgywee'></fieldset><strong id='Tgywee'></strong><noframes id='Tgywee'><tfoot id='Tgywee'></tfoot></noframes><q id='Tgywee'><code id='Tgywee'><select id='Tgywee'></select></code></q><fieldset id='Tgywee'><big id='Tgywee'><tt id='Tgywee'></tt></big><p id='Tgywee'></p></fieldset><li id='Tgywee'></li><li id='Tgywee'></li><tfoot id='Tgywee'></tfoot><small id='Tgywee'></small><ul id='Tgywee'></ul><option id='Tgywee'></option><pre id='Tgywee'><ins id='Tgywee'></ins></pre><select id='Tgywee'></select><ins id='Tgywee'><td id='Tgywee'><i id='Tgywee'></i></td><u id='Tgywee'><code id='Tgywee'><thead id='Tgywee'><button id='Tgywee'><thead id='Tgywee'><option id='Tgywee'></option></thead></button></thead></code><fieldset id='Tgywee'><em id='Tgywee'><big id='Tgywee'></big></em></fieldset></u></ins><sup id='Tgywee'><strong id='Tgywee'></strong><del id='Tgywee'></del></sup><label id='Tgywee'></label><q id='Tgywee'><b id='Tgywee'><acronym id='Tgywee'></acronym><div id='Tgywee'><button id='Tgywee'><table id='Tgywee'></table><sup id='Tgywee'><dd id='Tgywee'><tfoot id='Tgywee'></tfoot></dd><blockquote id='Tgywee'><noframes id='Tgywee'></noframes></blockquote></sup></button></div></b><div id='Tgywee'><ul id='Tgywee'><li id='Tgywee'></li></ul></div></q><tfoot id='Tgywee'><font id='Tgywee'><i id='Tgywee'><dd id='Tgywee'></dd></i></font></tfoot><tr id='Tgywee'><optgroup id='Tgywee'></optgroup></tr><address id='Tgywee'><tfoot id='Tgywee'></tfoot><dd id='Tgywee'></dd></address><option id='Tgywee'><abbr id='Tgywee'><style id='Tgywee'></style><tt id='Tgywee'></tt><font id='Tgywee'></font><u id='Tgywee'><tt id='Tgywee'></tt></u></abbr></option><dd id='Tgywee'><ol id='Tgywee'></ol></dd><bdo id='Tgywee'><acronym id='Tgywee'><pre id='Tgywee'></pre></acronym><b id='Tgywee'><span id='Tgywee'></span></b><form id='Tgywee'></form></bdo><dl id='Tgywee'></dl><thead id='Tgywee'></thead><tt id='Tgywee'><tt id='Tgywee'></tt><sub id='Tgywee'><i id='Tgywee'><dt id='Tgywee'></dt><p id='Tgywee'></p></i></sub></tt><acronym id='Tgywee'><dd id='Tgywee'></dd></acronym><small id='Tgywee'><acronym id='Tgywee'><i id='Tgywee'><label id='Tgywee'><kbd id='Tgywee'><form id='Tgywee'><div id='Tgywee'><strike id='Tgywee'></strike></div></form></kbd></label></i></acronym><bdo id='Tgywee'></bdo><strike id='Tgywee'><table id='Tgywee'></table></strike></small><strike id='Tgywee'></strike><abbr id='Tgywee'></abbr><tbody id='Tgywee'></tbody><sup id='Tgywee'></sup><code id='Tgywee'><ul id='Tgywee'><tfoot id='Tgywee'></tfoot></ul></code><bdo id='Tgywee'></bdo><tr id='Tgywee'></tr><sup id='Tgywee'></sup><abbr id='Tgywee'></abbr><dfn id='Tgywee'><dir id='Tgywee'><p id='Tgywee'></p></dir><small id='Tgywee'><div id='Tgywee'></div></small></dfn><th id='Tgywee'><noscript id='Tgywee'></noscript></th><address id='Tgywee'><abbr id='Tgywee'></abbr><big id='Tgywee'></big></address><ol id='Tgywee'><dd id='Tgywee'><address id='Tgywee'></address></dd></ol><sub id='Tgywee'><optgroup id='Tgywee'></optgroup><thead id='Tgywee'></thead></sub><th id='Tgywee'><del id='Tgywee'></del></th><dd id='Tgywee'><small id='Tgywee'></small></dd><option id='Tgywee'><thead id='Tgywee'></thead></option><blockquote id='Tgywee'></blockquote><option id='Tgywee'></option><noframes id='Tgywee'><legend id='Tgywee'><style id='Tgywee'><dir id='Tgywee'><q id='Tgywee'></q></dir></style></legend></noframes><u id='Tgywee'></u><table id='Tgywee'><table id='Tgywee'><dir id='Tgywee'><thead id='Tgywee'><dl id='Tgywee'><td id='Tgywee'></td></dl></thead></dir><noframes id='Tgywee'><i id='Tgywee'><tr id='Tgywee'><dt id='Tgywee'><q id='Tgywee'><span id='Tgywee'><b id='Tgywee'><form id='Tgywee'><ins id='Tgywee'></ins><ul id='Tgywee'></ul><sub id='Tgywee'></sub></form><legend id='Tgywee'></legend><bdo id='Tgywee'><pre id='Tgywee'><center id='Tgywee'></center></pre></bdo></b><th id='Tgywee'></th></span></q></dt></tr></i></noframes><em id='Tgywee'><optgroup id='Tgywee'><dfn id='Tgywee'><del id='Tgywee'><code id='Tgywee'></code></del></dfn></optgroup></em><noframes id='Tgywee'><div id='Tgywee'><tfoot id='Tgywee'></tfoot><dl id='Tgywee'><fieldset id='Tgywee'></fieldset></dl></div></noframes><label id='Tgywee'></label></table><tfoot id='Tgywee'></tfoot></table><span id='Tgywee'></span><dfn id='Tgywee'></dfn><tr id='Tgywee'></tr><th id='Tgywee'><tt id='Tgywee'></tt><dd id='Tgywee'></dd></th><optgroup id='Tgywee'></optgroup><blockquote id='Tgywee'></blockquote><center id='Tgywee'></center><em id='Tgywee'><kbd id='Tgywee'></kbd><li id='Tgywee'><span id='Tgywee'></span></li><pre id='Tgywee'></pre></em><ol id='Tgywee'><tt id='Tgywee'><label id='Tgywee'><kbd id='Tgywee'></kbd></label></tt></ol><sub id='Tgywee'><sup id='Tgywee'><dl id='Tgywee'></dl><td id='Tgywee'></td><tt id='Tgywee'><blockquote id='Tgywee'><big id='Tgywee'><ol id='Tgywee'><tt id='Tgywee'><code id='Tgywee'><p id='Tgywee'></p><small id='Tgywee'><li id='Tgywee'></li><button id='Tgywee'><tfoot id='Tgywee'><i id='Tgywee'></i></tfoot></button><tbody id='Tgywee'><em id='Tgywee'></em></tbody></small></code></tt></ol></big><q id='Tgywee'><i id='Tgywee'><span id='Tgywee'></span><dt id='Tgywee'><ol id='Tgywee'></ol><b id='Tgywee'></b><strike id='Tgywee'><dir id='Tgywee'></dir></strike></dt><legend id='Tgywee'></legend><tr id='Tgywee'><optgroup id='Tgywee'><label id='Tgywee'><select id='Tgywee'><tt id='Tgywee'><blockquote id='Tgywee'></blockquote></tt></select></label></optgroup></tr><b id='Tgywee'></b></i><dfn id='Tgywee'></dfn></q></blockquote></tt></sup></sub><option id='Tgywee'></option><td id='Tgywee'><big id='Tgywee'><tfoot id='Tgywee'></tfoot></big><strong id='Tgywee'></strong></td><tfoot id='Tgywee'></tfoot><tfoot id='Tgywee'><pre id='Tgywee'><acronym id='Tgywee'><table id='Tgywee'><dir id='Tgywee'></dir></table></acronym></pre></tfoot><tt id='Tgywee'></tt><strong id='Tgywee'><u id='Tgywee'><div id='Tgywee'><div id='Tgywee'><q id='Tgywee'></q></div><strong id='Tgywee'><dt id='Tgywee'><sub id='Tgywee'><li id='Tgywee'></li></sub></dt></strong></div></u></strong><big id='Tgywee'></big><th id='Tgywee'></th><dd id='Tgywee'><center id='Tgywee'></center></dd><td id='Tgywee'></td><ol id='Tgywee'><dd id='Tgywee'><th id='Tgywee'></th></dd></ol><dt id='Tgywee'><div id='Tgywee'><abbr id='Tgywee'><strike id='Tgywee'></strike></abbr></div></dt><center id='Tgywee'></center><center id='Tgywee'></center><bdo id='Tgywee'><dd id='Tgywee'><abbr id='Tgywee'><strike id='Tgywee'></strike><ul id='Tgywee'><del id='Tgywee'><q id='Tgywee'><tbody id='Tgywee'><noframes id='Tgywee'><bdo id='Tgywee'></bdo><ul id='Tgywee'></ul></noframes></tbody></q></del></ul><big id='Tgywee'><big id='Tgywee'><dt id='Tgywee'><acronym id='Tgywee'></acronym><q id='Tgywee'><select id='Tgywee'><center id='Tgywee'><dir id='Tgywee'></dir></center></select><noscript id='Tgywee'><strong id='Tgywee'><tr id='Tgywee'></tr></strong><label id='Tgywee'></label><strike id='Tgywee'></strike><option id='Tgywee'><u id='Tgywee'><ol id='Tgywee'><blockquote id='Tgywee'></blockquote></ol></u></option><table id='Tgywee'></table></noscript><i id='Tgywee'><abbr id='Tgywee'></abbr></i><thead id='Tgywee'><strong id='Tgywee'><b id='Tgywee'></b></strong></thead></q></dt></big></big></abbr></dd><acronym id='Tgywee'></acronym><sub id='Tgywee'></sub><optgroup id='Tgywee'><del id='Tgywee'><optgroup id='Tgywee'></optgroup></del><button id='Tgywee'></button></optgroup><ul id='Tgywee'><em id='Tgywee'></em><dir id='Tgywee'><td id='Tgywee'></td><address id='Tgywee'></address><td id='Tgywee'></td><thead id='Tgywee'><thead id='Tgywee'></thead><ul id='Tgywee'></ul></thead></dir><del id='Tgywee'></del><thead id='Tgywee'></thead></ul><acronym id='Tgywee'></acronym></bdo><legend id='Tgywee'><font id='Tgywee'><font id='Tgywee'><span id='Tgywee'><tr id='Tgywee'><option id='Tgywee'></option></tr></span></font></font></legend><tbody id='Tgywee'><b id='Tgywee'><select id='Tgywee'></select></b></tbody><div id='Tgywee'><form id='Tgywee'></form><fieldset id='Tgywee'><pre id='Tgywee'><kbd id='Tgywee'><u id='Tgywee'><form id='Tgywee'><li id='Tgywee'><th id='Tgywee'><dt id='Tgywee'></dt></th></li><span id='Tgywee'></span></form><address id='Tgywee'></address></u><u id='Tgywee'><tt id='Tgywee'></tt></u></kbd></pre><p id='Tgywee'></p></fieldset></div><tbody id='Tgywee'><blockquote id='Tgywee'><style id='Tgywee'></style></blockquote><u id='Tgywee'></u></tbody><fieldset id='Tgywee'></fieldset><form id='Tgywee'></form><li id='Tgywee'><abbr id='Tgywee'></abbr></li><acronym id='Tgywee'></acronym><tt id='Tgywee'><dl id='Tgywee'></dl></tt><fieldset id='Tgywee'></fieldset><em id='Tgywee'></em><b id='Tgywee'></b><p id='Tgywee'></p><tbody id='Tgywee'><address id='Tgywee'></address><dd id='Tgywee'></dd></tbody><dir id='Tgywee'></dir><tbody id='Tgywee'></tbody><ul id='Tgywee'><select id='Tgywee'></select></ul><td id='Tgywee'></td><kbd id='Tgywee'><tt id='Tgywee'><q id='Tgywee'></q></tt></kbd><tfoot id='Tgywee'><select id='Tgywee'><abbr id='Tgywee'></abbr><table id='Tgywee'></table></select></tfoot><em id='Tgywee'><optgroup id='Tgywee'><label id='Tgywee'></label><ol id='Tgywee'><dir id='Tgywee'><label id='Tgywee'></label><form id='Tgywee'><thead id='Tgywee'><tbody id='Tgywee'></tbody></thead></form></dir><table id='Tgywee'><form id='Tgywee'><table id='Tgywee'><legend id='Tgywee'><li id='Tgywee'></li><big id='Tgywee'><span id='Tgywee'><optgroup id='Tgywee'><span id='Tgywee'></span></optgroup></span></big></legend><noscript id='Tgywee'></noscript><div id='Tgywee'><code id='Tgywee'><sup id='Tgywee'><kbd id='Tgywee'></kbd></sup><thead id='Tgywee'><small id='Tgywee'></small></thead></code></div><dt id='Tgywee'></dt></table></form></table><abbr id='Tgywee'><small id='Tgywee'></small></abbr></ol></optgroup><abbr id='Tgywee'><optgroup id='Tgywee'></optgroup></abbr><sup id='Tgywee'></sup><abbr id='Tgywee'><style id='Tgywee'><strike id='Tgywee'><b id='Tgywee'><i id='Tgywee'></i></b></strike></style></abbr></em><table id='Tgywee'></table><dl id='Tgywee'></dl><strike id='Tgywee'></strike><tt id='Tgywee'><p id='Tgywee'></p></tt><div id='Tgywee'><noscript id='Tgywee'></noscript><dt id='Tgywee'><bdo id='Tgywee'><strong id='Tgywee'><sup id='Tgywee'><acronym id='Tgywee'></acronym></sup></strong></bdo><blockquote id='Tgywee'><tbody id='Tgywee'></tbody><tbody id='Tgywee'><dl id='Tgywee'></dl><del id='Tgywee'></del><ins id='Tgywee'><dfn id='Tgywee'><button id='Tgywee'></button></dfn></ins><td id='Tgywee'></td><option id='Tgywee'></option><tbody id='Tgywee'><sub id='Tgywee'><acronym id='Tgywee'><font id='Tgywee'><ins id='Tgywee'></ins></font><tr id='Tgywee'></tr></acronym></sub></tbody><dir id='Tgywee'></dir><address id='Tgywee'><bdo id='Tgywee'></bdo></address></tbody></blockquote><form id='Tgywee'><q id='Tgywee'><dd id='Tgywee'><fieldset id='Tgywee'></fieldset></dd></q></form><ol id='Tgywee'></ol><tfoot id='Tgywee'></tfoot></dt></div><pre id='Tgywee'><tt id='Tgywee'></tt><noframes id='Tgywee'></noframes></pre><dir id='Tgywee'><tt id='Tgywee'><q id='Tgywee'></q><select id='Tgywee'><dir id='Tgywee'></dir><ins id='Tgywee'><li id='Tgywee'></li></ins><small id='Tgywee'><ul id='Tgywee'></ul></small><pre id='Tgywee'></pre></select></tt><ul id='Tgywee'></ul></dir><th id='Tgywee'></th><ol id='Tgywee'><sup id='Tgywee'><i id='Tgywee'><pre id='Tgywee'><table id='Tgywee'></table></pre></i></sup></ol><option id='Tgywee'></option><dt id='Tgywee'></dt><sup id='Tgywee'></sup><big id='Tgywee'></big><thead id='Tgywee'></thead><p id='Tgywee'></p><td id='Tgywee'><acronym id='Tgywee'><div id='Tgywee'><tt id='Tgywee'></tt></div><fieldset id='Tgywee'></fieldset><bdo id='Tgywee'></bdo><em id='Tgywee'><font id='Tgywee'></font></em></acronym></td><dir id='Tgywee'></dir><u id='Tgywee'></u><strong id='Tgywee'><td id='Tgywee'></td></strong><tt id='Tgywee'></tt><q id='Tgywee'><legend id='Tgywee'><bdo id='Tgywee'><bdo id='Tgywee'><legend id='Tgywee'><b id='Tgywee'><strong id='Tgywee'><label id='Tgywee'><sup id='Tgywee'><u id='Tgywee'><sup id='Tgywee'></sup></u><big id='Tgywee'></big><select id='Tgywee'></select></sup><p id='Tgywee'></p></label></strong></b></legend></bdo><noscript id='Tgywee'></noscript><dt id='Tgywee'></dt></bdo></legend></q><small id='Tgywee'></small><b id='Tgywee'></b><li id='Tgywee'><p id='Tgywee'><label id='Tgywee'><table id='Tgywee'><sup id='Tgywee'><em id='Tgywee'></em></sup></table><blockquote id='Tgywee'></blockquote></label></p></li><blockquote id='Tgywee'></blockquote><dd id='Tgywee'><thead id='Tgywee'></thead><abbr id='Tgywee'><noscript id='Tgywee'><tbody id='Tgywee'><style id='Tgywee'><sup id='Tgywee'><pre id='Tgywee'></pre></sup><em id='Tgywee'></em></style></tbody><optgroup id='Tgywee'><tbody id='Tgywee'><kbd id='Tgywee'></kbd></tbody></optgroup></noscript></abbr></dd><tfoot id='Tgywee'></tfoot><big id='Tgywee'><thead id='Tgywee'></thead></big><div id='Tgywee'><thead id='Tgywee'><tfoot id='Tgywee'><form id='Tgywee'></form></tfoot><optgroup id='Tgywee'><strong id='Tgywee'><p id='Tgywee'></p></strong><acronym id='Tgywee'><dl id='Tgywee'></dl></acronym></optgroup></thead><p id='Tgywee'><small id='Tgywee'><small id='Tgywee'></small><q id='Tgywee'></q></small></p></div><th id='Tgywee'></th><noscript id='Tgywee'></noscript><dl id='Tgywee'><fieldset id='Tgywee'><abbr id='Tgywee'><bdo id='Tgywee'><th id='Tgywee'></th></bdo></abbr></fieldset></dl><small id='Tgywee'><pre id='Tgywee'></pre><li id='Tgywee'></li></small><ol id='Tgywee'></ol><em id='Tgywee'></em><dd id='Tgywee'></dd><optgroup id='Tgywee'><noframes id='Tgywee'><li id='Tgywee'><abbr id='Tgywee'></abbr></li></noframes><optgroup id='Tgywee'></optgroup><select id='Tgywee'></select><dd id='Tgywee'></dd></optgroup><acronym id='Tgywee'></acronym><noscript id='Tgywee'></noscript><li id='Tgywee'><label id='Tgywee'></label></li><table id='Tgywee'></table></div> <div id="canvas"> <!-- ?充?瑙??惧ぇ缂╁???? --> <div class="zoom-icon zoom-icon-in"> </div> <div class="magazine-viewport"> <div class="container"> <div class="magazine"> <!-- Next button --></div> </div> <div ignore="1" class="next-button"> </div> <!-- Previous button --> <div ignore="1" class="previous-button"> </div> </div> <script type="text/javascript"> function loadApp() { $('#canvas').fadeIn(1000); var flipbook = $('.magazine'); // Check if the CSS was already loaded if (flipbook.width()==0 || flipbook.height()==0) { setTimeout(loadApp, 10); return; } // ??寤?lipbook flipbook.turn({ width: 1200, height: 781, duration: 1000, //缈婚〉??搴︼??艰?灏?瓒?蹇 // Hardware acceleration acceleration: !isChrome(), // Enables gradients gradients: true, // Auto center this flipbook autoCenter: true, // Elevation from the edge of the flipbook when turning a page elevation: 50, // The number of pages pages: 56, // Events when: { turning: function(event, page, view) { var book = $(this), currentPage = book.turn('page'), pages = book.turn('pages'); // Update the current URI Hash.go('page/' + page).update(); // Show and hide navigation buttons disableControls(page); }, turned: function(event, page, view) { disableControls(page); $(this).turn('center'); if (page==1) { $(this).turn('peel', 'br'); } }, missing: function (event, pages) { // Add pages that aren't in the magazine for (var i = 0; i < pages.length; i++) addPage(pages[i], $(this)); } } }); // Zoom.js $('.magazine-viewport').zoom({ flipbook: $('.magazine'), max: function() { return largeMagazineWidth()/$('.magazine').width(); }, when: { swipeLeft: function() { $(this).zoom('flipbook').turn('next'); }, swipeRight: function() { $(this).zoom('flipbook').turn('previous'); }, resize: function(event, scale, page, pageElement) { if (scale==1) loadSmallPage(page, pageElement); else loadLargePage(page, pageElement); }, zoomIn: function () { $('.made').hide(); $('.magazine').removeClass('animated').addClass('zoom-in'); $('.zoom-icon').removeClass('zoom-icon-in').addClass('zoom-icon-out'); if (!window.escTip && !$.isTouch) { escTip = true; $('<div />', {'class': 'exit-message'}). html('<div>Press ESC to exit</div>'). appendTo($('body')). delay(2000). animate({opacity:0}, 500, function() { $(this).remove(); }); } }, zoomOut: function () { $('.exit-message').hide(); $('.thumbnails').fadeIn(); $('.made').fadeIn(); $('.zoom-icon').removeClass('zoom-icon-out').addClass('zoom-icon-in'); setTimeout(function(){ $('.magazine').addClass('animated').removeClass('zoom-in'); resizeViewport(); }, 0); } } }); // Zoom event if ($.isTouch) $('.magazine-viewport').bind('zoom.doubleTap', zoomTo); else $('.magazine-viewport').bind('zoom.tap', zoomTo); // Using arrow keys to turn the page $(document).keydown(function(e){ var previous = 37, next = 39, esc = 27; switch (e.keyCode) { case previous: // left arrow $('.magazine').turn('previous'); e.preventDefault(); break; case next: //right arrow $('.magazine').turn('next'); e.preventDefault(); break; case esc: $('.magazine-viewport').zoom('zoomOut'); e.preventDefault(); break; } }); // URIs - Format #/page/1 Hash.on('^page\/([0-9]*)$', { yep: function(path, parts) { var page = parts[1]; if (page!==undefined) { if ($('.magazine').turn('is')) $('.magazine').turn('page', page); } }, nop: function(path) { if ($('.magazine').turn('is')) $('.magazine').turn('page', 1); } }); $(window).resize(function() { resizeViewport(); }).bind('orientationchange', function() { resizeViewport(); }); // Events for thumbnails $('.thumbnails').click(function(event) { var page; if (event.target && (page=/page-([0-9]+)/.exec($(event.target).attr('class'))) ) { $('.magazine').turn('page', page[1]); } }); $('.thumbnails li'). bind($.mouseEvents.over, function() { $(this).addClass('thumb-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('thumb-hover'); }); if ($.isTouch) { $('.thumbnails'). addClass('thumbanils-touch'). bind($.mouseEvents.move, function(event) { event.preventDefault(); }); } else { $('.thumbnails ul').mouseover(function() { $('.thumbnails').addClass('thumbnails-hover'); }).mousedown(function() { return false; }).mouseout(function() { $('.thumbnails').removeClass('thumbnails-hover'); }); } // Regions if ($.isTouch) { $('.magazine').bind('touchstart', regionClick); } else { $('.magazine').click(regionClick); } // Events for the next button $('.next-button').bind($.mouseEvents.over, function() { $(this).addClass('next-button-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('next-button-hover'); }).bind($.mouseEvents.down, function() { $(this).addClass('next-button-down'); }).bind($.mouseEvents.up, function() { $(this).removeClass('next-button-down'); }).click(function() { $('.magazine').turn('next'); setTimeout(function(){ setArrows() ; },300); }); // Events for the next button $('.previous-button').bind($.mouseEvents.over, function() { $(this).addClass('previous-button-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('previous-button-hover'); }).bind($.mouseEvents.down, function() { $(this).addClass('previous-button-down'); }).bind($.mouseEvents.up, function() { $(this).removeClass('previous-button-down'); }).click(function() { $('.magazine').turn('previous'); setTimeout(function(){ setArrows() ; },300); }); resizeViewport(); $('.magazine').addClass('animated'); } // Zoom icon $('.zoom-icon').bind('mouseover', function() { if ($(this).hasClass('zoom-icon-in')) $(this).addClass('zoom-icon-in-hover'); if ($(this).hasClass('zoom-icon-out')) $(this).addClass('zoom-icon-out-hover'); }).bind('mouseout', function() { if ($(this).hasClass('zoom-icon-in')) $(this).removeClass('zoom-icon-in-hover'); if ($(this).hasClass('zoom-icon-out')) $(this).removeClass('zoom-icon-out-hover'); }).bind('click', function() { if ($(this).hasClass('zoom-icon-in')) $('.magazine-viewport').zoom('zoomIn'); else if ($(this).hasClass('zoom-icon-out')) $('.magazine-viewport').zoom('zoomOut'); }); $('#canvas').hide(); // Load the HTML4 version if there's not CSS transform yepnope({ test : Modernizr.csstransforms, yep: ['js/turn.js'], nope: ['js/turn.html4.min.js'], both: ['js/zoom.min.js', 'js/magazine.js', 'css/magazine.css'], complete: loadApp }); </script> </body> </html> <![endif]--></div> </html> </html> </html> </html>