// JavaScript Document

$(document).ready(function(){
	
	//Positionnement de la barre rouge sous le premier élément
	
	$("#head_menu_bar").width($("#head_menu_home").width());
	$("#head_menu_bar").css("left",$("#head_menu_home").position().left);
	
	//Positionnement de la flèche rouge sur le premier élément
	
	var div_width = $("#head_menu_home").width();
	var new_pos = $("#head_menu_home").position().left + parseInt(div_width / 2);

	$("#red_arrow").css("left", new_pos);
	
	//Déplacement de la flèche et de la barre rouge

	$(".head_menu").hover

            (
          
                function()
                
                    {

						//Positionnement de la barre rouge
						
						var selected_width = $(this).width();
						var selected_left = $(this).position().left;
						
						//Positionnement de la flèche rouge

						var new_pos = selected_left + parseInt(selected_width / 2);
						
						//Si Internet Explorer, pas d'animation...

						if ($.browser.msie)
						
							{
						
								$("#head_menu_bar").width(selected_width);
								$("#head_menu_bar").css("left",selected_left);
								$("#red_arrow").css("left", new_pos);
								
							}
						
						//Sinon, on anime un peu...
						
						else
						
							{
							
								$("#head_menu_bar").stop().animate({width: selected_width+"px",left: selected_left+"px"}, { queue:false, duration:600});
								$("#red_arrow").stop().animate({left: new_pos+"px"}, { queue:false, duration:600});
								
							}

                    }
					
            );
			
	$(".head_menu_links").click

            (
          
                function()
                
                    {
					
						//Remise à zéro de la couleur des liens et masquage des sous-menus
						
						$(".head_menu_links").each( function () 
						
							{
							
								$(this).css("color","#FFFFFF");
								$(this).next(".sub_menu_container").css("display","none");
							
							});

						$(this).css("color","#000000");
						$(this).next(".sub_menu_container").css("display","block");
					
					}
					
            );
			
	$(".head_menu_links").hover

            (
          
                function()
                
                    {
					
						//Remise à zéro de la couleur des liens et masquage des sous-menus
						
						$(".head_menu_links").each( function () 
						
							{
							
								$(this).css("color","#FFFFFF");
								$(this).next(".sub_menu_container").css("display","none");
							
							});

						$(this).css("color","#000000");
						$(this).next(".sub_menu_container").css("display","block");
					
					}
					
            );
			
	$(".sub_menu").mouseover

            (
          
                function()
                
                    {

						$(this).css("color","#000000");
						
					}
					
            );
			
	$(".sub_menu").mouseout

            (
          
                function()
                
                    {

						$(this).css("color","#FFFFFF");
					
					}
					
            );

});