// JavaScript Document

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

var timer;
var div_slide;
var slide_on	=	true;
var tab_slide	=	new Array();
var tab_min		=	new Array();
var slide_actif	=	0;
var min_actif	=	null;
var sizes		=	new Array(920, 381);

function slide_auto()
{
	if(slide_on)
	{
		if(slide_actif == tab_slide.length - 1)
			rang	=	0;
		else
			rang	=	slide_actif + 1;

		switch_min();
		min_actif	=	tab_min[rang];
		slide_div(rang);
	}
}

function slide_div(rang)
{
	// On éclaire la miniature qui correspond
	min_actif.morph({
		opacity: 1
	});
	el	=	min_actif.getElement('div');

	el.morph({
		opacity: 0.0
	});
	
	var y_end	=	-rang * sizes[1];
	slide_actif	=	rang;
	div_slide.morph({
		top: y_end
	});
}

function switch_min()
{
	min_actif.morph({
		opacity: 0.8
	});
	el	=	min_actif.getElement('div');
	
	el.morph({
		opacity: 0.6
	});
}

function init_slide()
{
	div_slide	=	$('slide_container');
	$$(".visuel_max").each(function(el)
	{
		tab_slide.push(el);
		el.addEvents(
		{
			mouseenter: function()
			{
				slide_on	=	false;
			},
			mouseleave: function()
			{
				slide_on	=	true;
			}
		});
	});
	
	var i =	0;
	$$(".visuel_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 != slide_actif)
		{
			masque.set('opacity', 0.6);
			el.set('opacity', 0.8);
		}
		else
		{
			masque.set('opacity', 0);
			el.set('opacity', 1);
			min_actif	=	el;
		}
		// On ajoute les événements
		el.addEvents(
		{
			mouseenter: function()
			{
				if(min_actif != this)
					switch_min();
				min_actif	=	this;	
				if(this.rang != slide_actif)
					slide_div(this.rang);
					
				slide_on	=	false;	
				slide_actif	=	this.rang;
			},
			mouseleave: function()
			{
				slide_on	=	true;
			}
		});
		i++;
	});

	timer	=	slide_auto.periodical(3500, null);
}