var timer_zap;
var counter 		= 1;
var oldcounter 		= 1;
var nb_teasers 		= 4;
var fadein_time		= 700;
var fadeout_time	= 700;
var stay_time		= 6000;


function zap_direct(pos) {
	clearTimeout(timer_zap);
	
	oldcounter 	= counter;
	counter		= pos;
	fadeout();

}

function fadein() {
	tocall = "zapette(1)";

						
	$('mytext'+counter).setStyle('opacity',0);				
	myEffect = new Fx.Morph($('zapette'), {duration: fadein_time, onComplete: function() {
						var myEffect2 = new Fx.Morph($('mytext'+counter), {duration:fadein_time/2, onComplete: function() {timer_zap=setTimeout(tocall, stay_time);
						}});
						myEffect2.start({'opacity':[0,0.8]});	

						}});
	
	myEffect.start({'height':[1,260]});

	var slider = new Fx.Morph($('arrow'), {duration:fadein_time});
	slider.start({'left':[
					parseInt($('arrow').getStyle('left')), 
						130 + (counter - 1) *143]}
				);
}
function fadeout() {
	tocall = "zapette(0)";
	myEffect = new Fx.Morph($('zapette'),  {
														duration:fadeout_time,
														onComplete:function(){timer_zap=setTimeout(tocall, 500);}
													});
	myEffect.start({'height':[260,1]});
			
	var myEffect2 = new Fx.Morph($('mytext'+counter), {duration:fadeout_time});
	myEffect2.start({'opacity':[0.8,0]});	
}

function zapette(type) {
	if ( counter > nb_teasers ) {
		counter = 1;
	}
	
	if ( counter != oldcounter ) {
		elt 	= document.getElementById("item"+oldcounter);
		elt2 	= document.getElementById("item"+counter);
		elt.style.display 	= "none";
		elt2.style.display 	= "block";
	}
	
	if ( type == 0 ) {
		fadein();
	}
	else {
		oldcounter=counter;

		fadeout();
		counter++;
	}
}
	
	
	
window.onload = function () {
	timer_zap = setTimeout('zapette(1)', 4000);
};