var intervalID;

Teaseranimation={
	init:function(){
		//$('teaser').addClassName("dynamic");
		this.rootelement=$('teasermenu');
		this.switchers=$$('#teasermenu a.menu');
		this.activeLink=0;
		i=0;
		this.switchers.each(function(menulink){
			Element.extend(menulink);
			menulink.loopIndex=i;
			i++;
			menulink.onmouseover=function(){Teaseranimation.switchTo(menulink);return false}
		});
		document.observe("dom:loaded", function() {
			intervalID=setInterval('Teaseranimation.flickThrough()',4000);
			setTimeout('clearInterval("'+intervalID+'")',120000);	//	timeout after two minutes in case of cpu overload
		});
	},
	
	switchTo:function(clickedLink){
		
		Teaseranimation.flickThrough(clickedLink);
		clickedLink.blur();
		if(intervalID){clearInterval(intervalID);}
		return false;
	},

	activate:function(clickedLink){
		this.switchers.each(function(menulink){
			if(menulink==clickedLink){
				menulink.ancestors()[0].className='act';
				this.activeLink=menulink.loopIndex;
			}else{
				menulink.ancestors()[0].className='';
			}
		});
		return false;
	},

	flickThrough:function(clickedLink){
		if(!clickedLink){clickedLink=this.switchers[this.activeLink]}
		this.activate(clickedLink);
		this.activeLink++;
		if(this.activeLink>=this.switchers.length){this.activeLink=0}
		return false;
	}
}

Teaseranimation.init();