var teaserindex=0;
var elems;
var teaseranim;
var interaction=false;
var autom=true;
var lastelem=0;
var teasertimeout;
var first=true;
var teaserinit=false;
function startteaseranim(){
		teaserinit=true;
		elems=Element.immediateDescendants($('netvewbteaserbox'));
		if(elems.length>1){
		teaseranim=new PeriodicalExecuter(nextslide, 4);
		nextslide();
	}
}
function stopteaseranim(){
	teaseranim.stop();
}

function nextslide(){
	interaction=false;
	var funcover=elems[teaserindex].onmouseover;
	funcover.call(elems[teaserindex]);
	teaserindex=(teaserindex<elems.length-1)? teaserindex+1: 0;
}


function teaserover(elem, picsrc){
	if(teaserinit){
		if(interaction){stopteaseranim();}
		var el=Element.immediateDescendants($(elem));
		
		if(interaction){
			autom=false;
			if(lastelem!=0){teaserout(lastelem);}
			Element.setStyle(el[0], {display:'none'});
			Element.setStyle(el[1], {display:'inline'});
			Element.setStyle(el[2], {display:'none'});
			
			$("detailpic").src=picsrc;
			$('teaserholder').style.backgroundImage="url("+picsrc+")";
			
			//new Effect.Opacity("detailpic", { from: 1.0, to: 0.0, duration:0.1, delay :0, afterFinish:function(){$("detailpic").src=picsrc;}});
			//new Effect.Opacity("detailpic", { from: 0.0, to: 1.0, duration: 0.2, delay :0.1, afterFinish:function(){$('teaserholder').style.backgroundImage="url("+picsrc+")"; } });
		}
		else{
			autom=true;
			//Element.setStyle(el[0], {display:'none'});
			//Element.setStyle(el[1], {display:'none'});
			//Element.setStyle(el[2], {display:'inline'});
			if(!first){
				new Effect.Opacity("detailpic", { from: 1.0, to: 0.0, duration:0.2, delay :0,afterFinish:function(){$("detailpic").src=picsrc;}});
				new Effect.Opacity("detailpic", { from: 0.0, to: 1.0, duration: 0.5, delay :0.5, afterFinish:function(){swapover(elem); $('teaserholder').style.backgroundImage="url("+picsrc+")";} });	
				//new Effect.Grow("detailpic", { from: 0.0, to: 1.0, duration: 0.5, delay :1.5, transition:Effect.Transitions.sinoidal, afterFinish:function(){swapover(elem); $('teaserholder').style.backgroundImage="url("+picsrc+")";} });	
			}
			else{
				swapover(elem);
				$('teaserholder').style.backgroundImage="url("+picsrc+")";
				first=false;
			}
		}

		if(interaction){lastelem=elem;}
		interaction=true;
	}
}
function teaserout(elem){
	if(teaserinit){
		/*
		if(!autom){
			autom=true;
			clearTimeout(teasertimeout);
			teasertimeout=setTimeout ( "startteaseranim()", 2000);
		};
		*/
		var el=Element.immediateDescendants($(elem));
		Element.setStyle(el[0], {display:'inline'});
		Element.setStyle(el[1], {display:'none'});
		Element.setStyle(el[2], {display:'none'});
	}
}
function teaseroutm(){
	if(teaserinit){
		autom=true;
		clearTimeout(teasertimeout);
		teasertimeout=setTimeout ( "startteaseranim()", 2000);
	}
}
function teaseroverm(){
	if(teaserinit){
		autom=false;
		clearTimeout(teasertimeout);
	}
}

function swapover(elem){
	if(autom){
		var el=Element.immediateDescendants($(elem));
		if(lastelem!=0){teaserout(lastelem);}
		Element.setStyle(el[0], {display:'none'});
		Element.setStyle(el[1], {display:'none'});
		Element.setStyle(el[2], {display:'inline'});
		lastelem=elem;
	}
}
function debug(str){
	$('debug').innerHTML+=str+"\n";
}