// JavaScript Document

document.addEvent('domready', function()
{
	init_slide();
});

var timer;
var div_show;
var show_on	=	true;
var tab_pub	=	new Array();
var tab_min		=	new Array();
var rang_actif	=	0;
var pub_active	=	null;
var min_active	=	null;
var sizes		=	new Array(721, 380);

function show_auto()
{
	if(show_on)
	{
		if(rang_actif == tab_pub.length - 1)
			rang_actif	=	0;
		else
			rang_actif++;

		switch_pub();
		min_active	=	tab_min[rang_actif];
		show_div(rang_actif);
		//rang_actif++;
	}
}

function show_div(rang)
{
	// On éclaire la miniature qui correspond
	min_active.morph({
		opacity: 1
	});
	
	// On passe la pub active en dessous
	//pub_active.setStyle("z-index", 1);
	pub_active.fx.start('opacity', '0');
	pub_active.setStyle("z-index", 1);
	
	//alert(rang);
	// On utilise la nouvelle pub comme pub active et on la met par dessus 
	pub_active	=	tab_pub[rang];
	pub_active.setStyle("z-index", 50);
	/*pub_active.morph({
		opacity : 1
	});*/
	pub_active.fx.start('opacity', '1');
}

function switch_pub()
{
	min_active.morph({
		opacity: 0.5
	});
}

function init_slide()
{
	var i		=	0;
	
	$('slide_min_fond').set('opacity', 0.39);
	
	$$(".publicite").each(function(el)
	{
		el.fx	=	new Fx.Tween(el, {"link" : "cancel", "duration" : "long"});
		tab_pub.push(el);
		el.addEvents(
		{
			mouseenter: function()
			{
				show_on	=	false;
			},
			mouseleave: function()
			{
				show_on	=	true;
			}
		});
		
		if(i != 0)
		{
			el.set('opacity', 0);
		}
		else
		{
			pub_active	=	el;	
		}
		
		i++;
	});
	
	var i =	0;
	$$(".publicite_min").each(function(el)
	{
		el.rang	=	i;
		tab_min.push(el);
		//var masque	=	el.getElement('div');
		// Si on est sur le premier div on l'éclaire
		if(el.rang != rang_actif)
		{
			//masque.set('opacity', 0.6);
			el.set('opacity', 0.5);
			//el.setStyle('background-color', '#000000');
		}
		else
		{
			//masque.set('opacity', 0);
			el.set('opacity', 1);
			//el.setStyle('background-color', '#FF7B00');
			min_active	=	el;
		}
		// On ajoute les événements
		el.addEvents(
		{
			mouseenter: function()
			{
				if(min_active != this)
					switch_pub();
				
				min_active	=	this;	
				
				if(this.rang != rang_actif)
					show_div(this.rang);
					
				show_on		=	false;
				rang_actif	=	this.rang;
			},
			mouseleave: function()
			{
				show_on	=	true;
			}
		});
		i++;
	});

	timer	=	show_auto.periodical(4500, null);
}