// Variable permettant de contrôler le timer de changement des images.
var image_timer = 0;

// Indique le lien "courant"
var menu_current = 0;

// Variable permettant de contrôler le timer d'enchainement des liens.
var menu_timer = 0;

// Tableau contenant les images:
var tabImages = new Array();

$(document).ready(function(){
	if($('#displayHome').length > 0)
	{
		// Chargement des données
		$.get(
				'/wp-content/themes/salmon/_medias/xml/menu.xml',
				'',
				drawMenu
		);
	}
});

function drawMenu(data)
{
	var i = 0;
	var strImages = '';

	$(data).find('element').each(function(){
		strImages += '<img src="'+$(this).find('image_1').text()+'" alt="" />';
		
		tabImages.push($(this).find('image_2').text());

		i++;
	});

	$('#displayHome').html(strImages);
	
	displayImages(0);

	$('#descriptions li').css('opacity', '0');

	$('#descriptions li:eq(0)').css('opacity', '0.7');
	$('#menu li:first').addClass('current');

	// Timeout qui va passer à la partie suivante du menu:
	menu_timer = setTimeout('nextLinkMenu()', 9000);

	$('#menu li').hover(function(){
		clearTimeout(menu_timer);

		$('#menu li').removeClass('current');
		$('#descriptions li').css('opacity', '0');

		$(this).addClass('current');

		var i = 0;

		$('#menu li').each(function(){
			if($(this).hasClass('current'))
			{
				displayMenuOnLine(i);

				return false;
			}

			i++;
		});

	}, function(){
		// Fin du hover, on repart de là:
		menu_current = 0;

		$('#menu li').each(function(){
			if($(this).hasClass('current'))
			{
				return false;
			}

			menu_current++;
		});

		menu_timer = setTimeout('nextLinkMenu()', 9000);
	});
}

function displayImages(pNum)
{
	// Première image:
	$('#displayHome img').hide();
	$('#displayHome img:eq('+pNum+')').show();
	$('#displayHome .encart_slider').remove();

	var part = ($('#displayHome').width()) / 20;
	var str = '';
	
	var posLeft = 0;

	str += '<div class="encart_slider">';
	for(var i = 0; i < 20; i++)
	{
		if(i == 0)
		{
			posLeft = part * 20;
		}
		else
		{
			posLeft = (20 - i) * part;
		}
		
		str += '<div class="slider" style="width:'+part+'px; height:0px; opacity:0; ';
		str += 'background-image:url('+tabImages[pNum]+'); background-position:'+posLeft+'px 0px;'
		str += '"></div>';
	}
	str += '</div>';
	
	$('#displayHome').append(str);

	setTimeout('switchImage()', 3000);
}

function switchImage()
{
	// Effet d'apparition pour chaque slider:
	var delay = 0;
	$('#displayHome .slider').each(function(){
		$(this).animate({
			height: '300px',
			opacity: 1
		}, 1000 + delay);

		delay += 40;
	});
}

function displayMenuOnLine(pLine)
{
	// On affiche la nouvelle description courante:
	$('#descriptions li:eq('+pLine+')').css('opacity', '0.7');

	displayImages(pLine);

	// Calcul de la nouvelle position de la flèche:
	var position = 0;

	if(pLine > 0)
	{
		position = (50 * pLine);
	}

	position++;

	// On colore le nouveau lien courant du menu:
	$('#menu li:eq('+pLine+')').addClass('current');

	// Nouvelle position de la flèche:
	$('#arrow-menu').removeClass().addClass('line_'+pLine).css('margin-top', (position-1)+'px');
}

/**
 * Passe au lien suivant du menu dans la tétière:
 */
function nextLinkMenu()
{
	// On cache la description courante:
	$('#descriptions li:eq('+menu_current+')').css('opacity', '0');

	// On supprime la classe affichant le lien courant:
	$('#menu li').removeClass('current');
	
	// Lien suivant:
	menu_current++;

	// A la fin, on boucle au premier:
	if(menu_current == ($('#menu li').length))
	{
		menu_current = 0;
	}

	displayMenuOnLine(menu_current);

	// Bouclage infini.
	menu_timer = setTimeout('nextLinkMenu()', 9000);
}