var page={maxLinks:100,frame:346,frameClassName:"frame",left:0,section:null,isScrollable:true,init:function(){var imgAbout=$('aboutImg');var imgWork=$('workImg');var imgContact=$('contactImg');var frmAbout=$('aboutFrame');var frmWork=$('workFrame');var frmContact=$('contactFrame');imgAbout.effect('opacity').set(0);imgWork.effect('opacity').set(0);imgContact.effect('opacity').set(0);frmAbout.effect('opacity').set(0);frmWork.effect('opacity').set(0);frmContact.effect('opacity').set(0);frmAbout.effect('width').set(page.getFrameWidth($('aboutScroll')));frmWork.effect('width').set(page.getFrameWidth($('workScroll')));frmContact.effect('width').set(page.getFrameWidth($('contactScroll')));var opAbout=imgAbout.effect('opacity',{transition:Fx.Transitions.Cubic.easeOut});var opWork=imgWork.effect('opacity',{transition:Fx.Transitions.Cubic.easeOut});var opContact=imgContact.effect('opacity',{transition:Fx.Transitions.Cubic.easeOut});var opFrmAbout=frmAbout.effect('opacity',{transition:Fx.Transitions.Cubic.easeIn});var opFrmWork=frmWork.effect('opacity',{transition:Fx.Transitions.Cubic.easeIn});var opFrmContact=frmContact.effect('opacity',{transition:Fx.Transitions.Cubic.easeIn});var slider=new Fx.Styles('slider',{transition:Fx.Transitions.Circ.easeOut});if(frmAbout.offsetWidth>page.frame){var slideAbout=new Fx.Style('aboutScroll','left').addEvent('onComplete',function(){page.isScrollable=true;});$('aboutNext').addEvent('click',this.scroll.bindAsEventListener(slideAbout,{section:"about",coef:-1}));$('aboutPrev').addEvent('click',this.scroll.bindAsEventListener(slideAbout,{section:"about",coef:1}));$('aboutPagingBox').style.display="block";}
if(frmWork.offsetWidth>page.frame){var slideWork=new Fx.Style('workScroll','left').addEvent('onComplete',function(){page.isScrollable=true;});$('workNext').addEvent('click',this.scroll.bindAsEventListener(slideWork,{section:"work",coef:-1}));$('workPrev').addEvent('click',this.scroll.bindAsEventListener(slideWork,{section:"work",coef:1}));$('workPagingBox').style.display="block";}
if(frmContact.offsetWidth>page.frame){var slideContact=new Fx.Style('contactScroll','left').addEvent('onComplete',function(){page.isScrollable=true;});$('contactNext').addEvent('click',this.scroll.bindAsEventListener(slideContact,{section:"contact",coef:-1}));$('contactPrev').addEvent('click',this.scroll.bindAsEventListener(slideContact,{section:"contact",coef:1}));$('contactPagingBox').style.display="block";}
for(var i=2;i<this.maxLinks;i++){var jump=$('lnkWorkPg'+i);var back=$('lnkBackPg'+i);if(jump!=null&&back!=null){jump.addEvent('click',this.scroll.bindAsEventListener(slideWork,{section:"work",coef:-1,skip:i-2}));back.addEvent('click',this.scroll.bindAsEventListener(slideWork,{section:"work",coef:1,skip:i-2}));}else{break;}}
var linkAbout=$('about');linkAbout.addEvent('mouseover',hover.over.bindAsEventListener(opAbout,"about"));linkAbout.addEvent('mouseout',hover.out.bindAsEventListener(opAbout,"about"));linkAbout.addEvent('click',this.display.bindAsEventListener(slider,{opacity:opFrmAbout,section:"about"}));var linkWork=$('work');linkWork.addEvent('mouseover',hover.over.bindAsEventListener(opWork,"work"));linkWork.addEvent('mouseout',hover.out.bindAsEventListener(opWork,"work"));linkWork.addEvent('click',this.display.bindAsEventListener(slider,{opacity:opFrmWork,section:"work"}));for(var i=1;i<this.maxLinks;i++){var link=$('lnkWork'+i);if(link!=null)link.addEvent('click',this.display.bindAsEventListener(slider,{opacity:opFrmWork,section:"work"}));else break;}
var linkContact=$('contact');linkContact.addEvent('mouseover',hover.over.bindAsEventListener(opContact,"contact"));linkContact.addEvent('mouseout',hover.out.bindAsEventListener(opContact,"contact"));linkContact.addEvent('click',this.display.bindAsEventListener(slider,{opacity:opFrmContact,section:"contact"}));for(var i=1;i<this.maxLinks;i++){var link=$('lnkContact'+i);if(link!=null)link.addEvent('click',this.display.bindAsEventListener(slider,{opacity:opFrmContact,section:"contact"}));else break;}},display:function(event,args){if(page.section!=null&&page.section!=args.section){$(page.section+'Img').effect('opacity',{transition:Fx.Transitions.Cubic.easeOut}).start(0);$(page.section+'Frame').effect('opacity',{transition:Fx.Transitions.Cubic.easeIn}).addEvent('onComplete',function(){args.opacity.start(1);$(page.section+'Scroll').effect('left').set(0);}).start(0);$(args.section+'Img').effect('opacity',{transition:Fx.Transitions.Cubic.easeOut}).start(1);}else if(page.section!=args.section){this.start({'height':304,'top':-180});args.opacity.start(1);}else{return false;}
page.section=args.section;page.left=0;page.updatePaging(page.section,0);return false;},scroll:function(event,args){if(!page.isScrollable)return;var count=$(args.section+'Frame').offsetWidth/page.frame;if((args.coef==1&&page.left==0)||(args.coef==-1&&(page.left-page.frame)==(count*page.frame*-1)))return;page.isScrollable=false;var skip=args.skip==null?0:args.skip;page.left+=(page.frame+(page.frame*skip))*args.coef;this.start(page.left);page.updatePaging(page.section,page.left);},updatePaging:function(section,left,count){if(!$(section+'Paging'))return;if(count==null)count=$(section+'Frame').offsetWidth/page.frame;var currPage=((left/page.frame)*-1)+1;$(section+'Paging').innerHTML=currPage+" of "+count;$(section+'Prev').className=(currPage==1)?"prev disabled":"prev";$(section+'Next').className=(currPage==count)?"next disabled":"next";},getFrameWidth:function(scroller){if(scroller==null)page.frame;var count=0;for(var i=0;i<scroller.childNodes.length;i++){var child=scroller.childNodes[i];if(child.className==page.frameClassName)
count++;}
return count*page.frame;}}
var hover={over:function(event,section){if(page.section==section)return;this.stop();this.clearTimer();this.start(1);},out:function(event,section){if(page.section==section)return;this.stop();this.clearTimer();this.start(0);}}