// JavaScript Document
$(document).ready( function()
{
	$('#sousmenu ul li#fragrance a').addClass('selected');
	initFragranceEffects();
});	


function initHightlight()
{
	//
	var parents_li = $("#fragrance ul:first").children("li");
	var i = 0.5;
	parents_li.each(function()
	{
		var li = $(this);
		var timer = 1000 * i;
		//alert(i);
		setTimeout( function() { hightligh(li) }, timer);
		i++;
	});
	/**/
}


function hightligh(parent_li)
{
	var children = parent_li.children("ul").children("li");
	children.each(function()
	{
		//alert($(this).attr('id'));
		fragranceOver($(this));
	});
	parent_li.css({'color' : '#fff'});
	//parent_li.toggleClass("title_over", 500);
	setTimeout( function() { unhightligh(parent_li) }, 500);
	//var id = $(parent_li).attr('id');	
	//$('#'+id+'_texte').fadeIn('normal');
}

function unhightligh(parent_li)
{
	var children = parent_li.children("ul").children("li");
	children.each(function()
	{
		//alert($(this).attr('id'));
		fragranceOut($(this));
	});
	
	//parent_li.toggleClass("title_over", 500);
	parent_li.css({'color' : '#887f85'});
	//var id = $(parent_li).attr('id');	
	//$('#'+id+'_texte').fadeOut('normal');
}

function initFragranceEffects()
{
	//--- initialisation
	$('.texteRoll').css('display', 'none');
	initHightlight();

	$("#fragrance h2").hover(
		function()
		{
			//deleteTimer();
			var children = $(this).siblings("ul").children("li");
			children.each(function()
			{
                $(this).stop(true, false);
                fragranceOver($(this));
				
			});
			
			//$(this).toggleClass("title_over", 500);
			$(this).css({'color' : '#fff'});

		},
		function()
		{
			var children = $(this).siblings("ul").children("li");
			children.each(function()
			{
                $(this).stop(true, false);
                fragranceOut($(this));
			});
			
			//$(this).toggleClass("title_over", 500);
			$(this).css({'color' : '#887f85'}); //*/
		}
	);

	$("#fragrance > ul > li").mouseover(
		function()
		{
			texteOver($(this));
		}
	);
	/*$("#fragrance > ul > li").click(
		function()
		{
			texteClick($(this));
		}
	);*/


	$("#fragrance ul > li > ul > li").hover(
		function()
		{
			/*$(this).siblings('li').each(
				function(){ fragranceOut($(this));}
			);*/
            $(this).stop(true, false);
    		fragranceOver($(this));

		},
		function()
		{
			$(this).stop(true, false);
			fragranceOut($(this));
		}
	);
	
	$('#fragrance img.img_out').mouseover(
		function()
		{
			var target_li = $("#fragrance li#"+$(this).attr('alt'))
			fragranceOver(target_li);
			
		});
	
	$('#fragrance img.img_over').mouseout(
		function()
		{
			var target_li = $("#fragrance li#"+$(this).attr('alt'))
			fragranceOut(target_li);
			
		}
	);//*/
}

function texteOver(obj_li)
{

	var id_li = $(obj_li).attr('id');
	$('#texte').fadeOut('normal', function()
	   {
		   $('#texte').html($('#'+id_li+'_texte').html());
		   $('#texte').fadeIn('normal');
	   });	

}

function texteClick(obj_li)
{

	var id_li = $(obj_li).attr('id');
	$('#texte').html($('#'+id_li+'_texte').html());

}

function fragranceOver(obj_li)
{
	var id_dd = obj_li.attr('id');
	var obj_img = $('#'+id_dd+'_over');
	//obj_img.fadeIn('normal');
    //alert($(obj_img).css('display'));
	$(obj_img).animate({opacity: "show"} , 100);
	//obj_li.toggleClass("title_over", 500);
	obj_li.css({'color' : '#fff'});

	
}

function fragranceOut(obj_li)
{
    var id_dd = obj_li.attr('id');
	var obj_img = $('#'+id_dd+'_over');
	//obj_img.fadeOut('normal');
	$(obj_img).animate({opacity: "hide"} , 100);
	//obj_li.toggleClass("title_over", 500);
	obj_li.css({'color' : '#887f85'});
}