', {'class': 'exit-message'}). html('
Presione ESC para salir
'). 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'); }); /* 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'); }); 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: ['/data/economia360/lib/turn.js'], nope: ['/data/economia360/lib/turn.html4.min.js'], both: ['/data/economia360/lib/zoom.min.js', '/data/economia360/js/magazine.js', '/data/economia360/css/magazine.css'], complete: loadApp });