var delay=4000;var hSlideShowTimeout;var hProgressBarHideTimeout;var Slide=0;var mAnimating=false;var lis;var pr;function start_slideshow(delay,slideNum){hSlideShowTimeout=setTimeout(fadeInOut(delay,slideNum),delay);}
function fadeInOut(delay,slideNum){return(function(){mAnimating=true;if(slideNum>=lis.length)
slideNum=0;if(slideNum<0)
slideNum=lis.length-1;setSlideProgress(slideNum);lis[slideNum].setStyle({zIndex:"5"});Slide=slideNum;new Effect.Appear(lis[slideNum],{duration:2,afterFinish:function(obj){for(i=0;i<lis.length;i++){if(i!=slideNum&&lis[i].getStyle('display')!='none')
lis[i].hide();}
lis[slideNum].setStyle({zIndex:"0"});if(delay>0)
start_slideshow(delay,++slideNum);mAnimating=false;}});})}
function setSlide(num){setSlideProgress(num);if(!mAnimating){clearTimeout(hSlideShowTimeout);var f=fadeInOut(0,num)
f();}
else{clearTimeout(hSlideShowTimeout);hSlideShowTimeout=setTimeout(function(){setSlide(num);},100);}}
function setSlideProgress(slide){pr.each(function(s){s.removeClassName('progressSelected');});pr[slide].addClassName('progressSelected');}
Event.observe(document,'dom:loaded',function(){lis=$$('#slide-images>li');pr=$$('#progress a');if(lis.length>1)for(i=1;i<lis.length;i++)lis[i].hide();$('progressDots').setStyle({width:pr.length*23+'px'});});Event.observe(window,'load',function(){if(lis.length>1)start_slideshow(delay,1);});