/* Author: <19*/ $(document).ready(function(){ $.easing['cc'] = function(p, n, firstNum, diff) { var c=firstNum+diff; if ((p/=0.5) < 1) return c/2*p*p*p + firstNum; else return c/2*((p-=2)*p*p + 2) + firstNum; }; var W = $(window).width(), H = $(window).height(), pseudobody = $('#pseudobody'), collector = $('#collector'), grid = $('#bodygrid'), page = $('.page'), stamp = $('.stamp'), nostamp = $('.nostamp'), menu = $('menu'), menuimg = $('menu img'), m_NS = '200', m_WE = '200', centerposition = collector.width()/2-stamp.width()/2, gridX, gridY; (H<$('body').height())? pseudobody.height(H) : pseudobody.height(H); (H<'600')? $('#logo').animate({opacity:0},100).css({bottom:'-100px'}) : $('#logo').animate({opacity:1},100).css({bottom:'0px'}); var bodycolors = colors = { 0: '#f2f2f2', 1: '#fffe00', 2: '#ccff00', 3: '#ccffff', 4: '#d0cfc4', 5: '#7a8fff', 6: '#cc00ff', 7: '#fe03ff', 8: '#ff0000' } $('.nostamp').css({top:'50%',left:'50%'}); $('.stamp:eq(0)').css({top:'0%',left:'0%'}); $('.stamp:eq(1)').css({top:'-13%',left:centerposition}); $('.stamp:eq(2)').css({top:'0%',right:'0%'}); $('.stamp:eq(3)').css({top:'33%',left:'-13%'}); $('.stamp:eq(4)').css({top:'33%',left:centerposition,visibility:'hidden'}); $('.stamp:eq(5)').css({top:'33%',right:'-13%'}); $('.stamp:eq(6)').css({top:'66%',left:'0%'}); $('.stamp:eq(7)').css({top:'81%',left:centerposition}); //66 $('.stamp:eq(8)').css({top:'66%',right:'0%'}); collector.css({'top':H/2-collector.height()/2,'left':W/2-collector.width()/2}); $('#start').click( function(){ $(this).css('display','none'); //$('#logo').animate({opacity:0},100); (H<'600')? $('#logo').animate({opacity:0},100).css({bottom:'-100px'}) : $('#logo').animate({opacity:1},100).css({bottom:'0px'}); $('.stamp:eq(0)').trigger('click'); }); stamp.mouseover( function(e){ stampimg = $(this).children().eq('0'); title = stampimg.attr('title'); stampimg.attr('title',''); $('body').append('
'+title+'
').addClass('titattention') } else { $('#tit').html(''+title+'
'); } }); stamp.mousemove( function(e){ $('#tit').css({ top:e.pageY-5-$('#tit').height(), left:e.pageX-105 }) }); stamp.mouseout( function(){ stampimg = $(this).children().eq('0'); stampimg.attr('title',$('#tit').children().text()); $('#tit').remove(); }); stamp.click( function(){ $(this).css('background-image','none'); page.css('display','block'); $('#start').css('display','none'); c = grid.attr('class')-1; $('.stamp:eq(4)').css({visibility:'visible'}); $clicked = $(this).index(); if ($clicked!=4 || c==-1) { collector.animate({'top':m_NS/4,'left':W-(W-m_WE/2),'height':H-m_NS/2,'width':W-m_WE},100,'swing', function(){}); $('body').css({'background-image':'url(./gfx/lt19szsz-bodybg.png)'}); (H<'600')? $('#logo').animate({opacity:0},100).css({bottom:'-100px'}) : $('#logo').animate({opacity:0},100).css({bottom:'-100px'}); } else { $('#start').css('display','block'); collector.animate({'top':H/2-225/2,'left':W/2-225/2,'height':'225px','width':'225px'},100,'swing', function(){}); $('body').css({'background-image':'url(./gfx/lt19szsz-bodybg-full.png)'}); } if ($clicked==0 && c!=0) $.pos_01(this); if ($clicked==1 && c!=1) $.pos_02(this); if ($clicked==2 && c!=2) $.pos_03(this); if ($clicked==3 && c!=3) $.pos_04(this); if ($clicked==4 && c!=4) $.pos_05(this); if ($clicked==5 && c!=5) $.pos_06(this); if ($clicked==6 && c!=6) $.pos_07(this); if ($clicked==7 && c!=7) $.pos_08(this); if ($clicked==8 && c!=8) $.pos_09(this); pseudobody.stop(); pseudobody.css('background-color',bodycolors[$clicked]); pseudobody.css({'visibility':'visible','opacity':'0'}); pseudobody.animate({'opacity':'1'}, 800, 'linear', function(){ $('body').css('background-color',bodycolors[$clicked]); pseudobody.animate({'opacity':'0'},3000); }); }); nostamp.mouseover( function(e){ stampimg = $(this).children().eq('0').children().eq('0'); title = stampimg.attr('title'); stampimg.attr('title',''); $('body').append(''+title+'
').addClass('titattention') }); nostamp.mousemove( function(e){ $('#tit').css({ top:e.pageY-5-$('#tit').height(), left:e.pageX-105 }) }); nostamp.mouseout( function(){ stampimg = $(this).children().eq('0').children().eq('0'); stampimg.attr('title',$('#tit').children().text()); $('#tit').remove(); }); /*0*/ $.pos_01 = (function(){ grid.attr('class','').addClass('1'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = (W-m_WE)-stamp.width()*2; gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = H-m_NS/2-stamp.height()*2; gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*1*/ $.pos_02 = (function(){ grid.attr('class','').addClass('2'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = (W-m_WE)/2-stamp.width()/2; gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[0] = gridY[2] = H-m_NS/2-stamp.height()*3; gridY[3] = gridY[4] = gridY[5] = H-m_NS/2-stamp.height()*2; gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*2*/ $.pos_03 = (function(){ grid.attr('class','').addClass('3'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = stamp.width(); gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = H-m_NS/2-stamp.height()*2; gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*3*/ $.pos_04 = (function(){ grid.attr('class','').addClass('4'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = (W-m_WE)-stamp.width()*3; gridX[3] = '0'; gridX[1] = gridX[4] = gridX[7] = (W-m_WE)-stamp.width()*2; gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = (H-m_NS/2)/2-stamp.height()/2; gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*4*/ $.pos_05 = (function(){ grid.attr('class','').addClass('5'); $('.nostamp').css({visibility:'hidden'}); $('.stamp:eq(4)').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0px'; gridX[1] = gridX[4] = gridX[7] = '75px'; gridX[2] = gridX[5] = gridX[8] = '150px'; gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0px'; gridY[3] = gridY[4] = gridY[5] = '75px'; gridY[6] = gridY[7] = gridY[8] = '150px'; $.dogrid(); }); /*5*/ $.pos_06 = (function(){ grid.attr('class','').addClass('6') $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = stamp.width(); gridX[2] = gridX[5] = gridX[8] = stamp.width()*2; gridX[5] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = (H-m_NS/2)/2-stamp.height()/2; gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*6*/ $.pos_07 = (function(){ grid.attr('class','').addClass('7') $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = (W-m_WE)-stamp.width()*2; gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = stamp.height(); gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*7*/ $.pos_08 = (function(){ grid.attr('class','').addClass('8'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = (W-m_WE)/2-stamp.width()/2; gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = stamp.height(); gridY[6] = gridY[7] = gridY[8] = stamp.height()*2; gridY[7] = H-m_NS/2-stamp.height(); $.dogrid(); }); /*8*/ $.pos_09 = (function(){ grid.attr('class','').addClass('9'); $('.nostamp').css({visibility:'hidden'}); gridX = new Array(); gridX[0] = gridX[3] = gridX[6] = '0'; gridX[1] = gridX[4] = gridX[7] = stamp.width(); gridX[2] = gridX[5] = gridX[8] = (W-m_WE)-stamp.width(); gridY = new Array(); gridY[0] = gridY[1] = gridY[2] = '0'; gridY[3] = gridY[4] = gridY[5] = stamp.height(); gridY[6] = gridY[7] = gridY[8] = H-m_NS/2-stamp.height(); $.dogrid(); }); $.dogrid = (function(){ $('.stamp:eq(0)').css({}).animate({top:gridY[0], left:gridX[0]},400,'cc'); $('.stamp:eq(1)').css({}).animate({top:gridY[1], left:gridX[1]},400,'cc'); $('.stamp:eq(2)').css({}).animate({top:gridY[2], left:gridX[2]},400,'cc'); $('.stamp:eq(3)').css({}).animate({top:gridY[3], left:gridX[3]},400,'cc'); $('.stamp:eq(4)').css({}).animate({top:gridY[4], left:gridX[4]},400,'cc'); $('.stamp:eq(5)').css({}).animate({top:gridY[5], left:gridX[5]},400,'cc'); $('.stamp:eq(6)').css({}).animate({top:gridY[6], left:gridX[6]},400,'cc'); $('.stamp:eq(7)').css({}).animate({top:gridY[7], left:gridX[7]},400,'cc'); $('.stamp:eq(8)').css({}).animate({top:gridY[8], left:gridX[8]},400,'cc'); if (grid.attr('class') == '1') { window.location.hash = 'verseny'; page.animate({opacity:'0', top:gridY[0], left:gridX[0], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()+parseInt(m_WE/2), width:W-(m_WE*2)-(stamp.width()*3), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '2') { window.location.hash = 'idozites'; page.animate({opacity:'0', top:gridY[1], left:gridX[1], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:stamp.height()+parseInt(m_NS/4), left: stamp.width()+parseInt(m_WE/2), width:W-(m_WE*2)-(stamp.width()*2), height:H-m_NS-(stamp.height()*3)},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '3') { window.location.hash = 'nevezes'; page.animate({opacity:'0', top:gridY[2], left:gridX[2], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()+parseInt(m_WE), width:W-(m_WE*2)-(stamp.width()*3), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '4') { window.location.hash = 'dijak'; page.animate({opacity:'0', top:gridY[3], left:gridX[3], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()+parseInt(m_WE/4), width:W-(m_WE*2)-(stamp.width()*3), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '5') { window.location.hash = ''; collector.css({'top':H/2-225/2,'left':W/2-225/2,'height':'225px','width':'225px'}); page.animate({opacity:'0', top:gridY[4], left:gridX[4], width:'0', height:'0'},100, function(){ $('.stamp:eq(1)').animate({top:'-13%'}); $('.stamp:eq(3)').animate({left:'-13%'}); $('.stamp:eq(5)').animate({left:'+=30px'}); $('.stamp:eq(7)').animate({top:'+=30px'}); }).load('./pages/00.php'); $('.nostamp').css({visibility:'visible'}); (H<'600')? $('#logo').animate({opacity:0},100).css({bottom:'-100px'}) : $('#logo').animate({opacity:1},100).css({bottom:'0px'}); } if (grid.attr('class') == '6') { window.location.hash = 'workshop'; page.animate({opacity:'0', top:gridY[5], left:gridX[5], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()*2+parseInt(m_WE/2), width:W-(m_WE*2)-(stamp.width()*2), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '7') { window.location.hash = 'partnerek'; page.animate({opacity:'0', top:gridY[6], left:gridX[6], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()+parseInt(m_WE/2), width:W-(m_WE*2)-(stamp.width()*3), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '8') { window.location.hash = 'korabbi-versenyek'; page.animate({opacity:'0', top:gridY[7], left:gridX[7], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:stamp.height()*2, left: stamp.width()+parseInt(m_WE/3), width:W-(m_WE*2)-(stamp.width()*2/3), height:H-m_NS*2/3-(stamp.height()*3-20)},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } if (grid.attr('class') == '9') { window.location.hash = 'gyik'; page.animate({opacity:'0', top:gridY[8], left:gridX[8], width:'0', height:'0'},100).load('./pages/00.php'); page.animate({opacity:'1', top:'0', left: stamp.width()+parseInt(m_WE), width:W-(m_WE*2)-(stamp.width()*3), height:H-m_NS/2},400, function(){ page.load('./pages/0'+grid.attr('class')+'.php', function(){ $('.local').target()} )}); } }); $.fn.target = function(){ $('.page .local').click( function(){ topic=$(this).attr('href'); topic = topic.substr(1); window.location.href = 'index.php'+window.location.search+'#'+topic; (topic=='verseny') ? $('.stamp:eq(0)').trigger('click') :''; (topic=='idozites') ? $('.stamp:eq(1)').trigger('click') :''; (topic=='nevezes') ? $('.stamp:eq(2)').trigger('click') :''; (topic=='dijak') ? $('.stamp:eq(3)').trigger('click') :''; (topic==-1 || topic=='home') ? $('.stamp:eq(4)').trigger('click') :''; (topic=='workshop') ? $('.stamp:eq(5)').trigger('click') :''; (topic=='partnerek') ? $('.stamp:eq(6)').trigger('click') :''; (topic=='korabbi-versenyek') ? $('.stamp:eq(7)').trigger('click') :''; (topic=='gyik') ? $('.stamp:eq(8)').trigger('click') :''; }); } if (window.location.hash) { var topic = window.location.hash.substr(1); (topic=='verseny') ? $('.stamp:eq(0)').trigger('click') :''; (topic=='idozites') ? $('.stamp:eq(1)').trigger('click') :''; (topic=='nevezes') ? $('.stamp:eq(2)').trigger('click') :''; (topic=='dijak') ? $('.stamp:eq(3)').trigger('click') :''; (topic==-1 || topic=='home') ? $('.stamp:eq(4)').trigger('click') :''; (topic=='workshop') ? $('.stamp:eq(5)').trigger('click') :''; (topic=='partnerek') ? $('.stamp:eq(6)').trigger('click') :''; (topic=='korabbi-versenyek') ? $('.stamp:eq(7)').trigger('click') :''; (topic=='gyik') ? $('.stamp:eq(8)').trigger('click') :''; } //////////////////////////////// (function($,sr){ // debouncing function from John Hann // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ var debounce = function (func, threshold, execAsap) { var timeout; return function debounced () { var obj = this, args = arguments; function delayed () { if (!execAsap) func.apply(obj, args); timeout = null; }; if (timeout) clearTimeout(timeout); else if (execAsap) func.apply(obj, args); timeout = setTimeout(delayed, threshold || 100); }; } // smartresize jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; })(jQuery,'smartresize'); //////////////////////////////// $(window).smartresize(function() { $('body').animate({'top':'0'},200,function(){ var nW = $(window).width(), nH = $(window).height(), m_NS = '200', m_WE = '200'; if(W!=nW || H!=nH) { collector.css({'top':m_NS/4,'left':nW-(nW-m_WE/2),'height':nH-m_NS/2,'width':nW-m_WE}); (H<$('body').height())? pseudobody.height(nH) : pseudobody.height(nH); } W = nW, H = nH; c = grid.attr('class')-1; if (H<'600') { (c==-1 || c=='4')? $('#logo').animate({opacity:0},100).css({bottom:'-100px'}) : $('#logo').animate({opacity:0},100).css({bottom:'-100px'}); } else { (c==-1 || c=='4')? $('#logo').animate({opacity:1},100).css({bottom:'0px'}) : $('#logo').animate({opacity:0},100).css({bottom:'-100px'}); } actualgrid = $('#bodygrid').attr('class') $('.nostamp').css({visibility:'visible'}); if (actualgrid==1) $.pos_01(); if (actualgrid==2) $.pos_02(); if (actualgrid==3) $.pos_03(); if (actualgrid==4) $.pos_04(); if (actualgrid==5 || actualgrid=='') $.pos_05(); if (actualgrid==6) $.pos_06(); if (actualgrid==7) $.pos_07(); if (actualgrid==8) $.pos_08(); if (actualgrid==9) $.pos_09(); }); }); });