//MENU DEROULANT CC 3.0////////////////////
//sur un modele de menu type "ul li ul.sub"
//avec slide curseur lorsque le sous-menu existe
///////////////////////////////////////////
function deroule(){
	//Initialisation du CSS du sous-menu
	$("ul.sub").css({display: "none"}); 
	$("#fleche").hide();
	
	//Gestion du style de l'onglet selectionné
	$("ul#menu li").hover(function(){
			$(this).find('a').addClass('selected');  
		},function out(){
			$(this).find('a').removeClass('selected');
	});
	//Gestion de l'ouverture et la fermeture du sous-menu
	$("ul#menu li").hover(		
		function() { 
			var origine = $(this).parent("#header").left;
			var largeurBody = $('body').width();
			var origine = (largeurBody - ($("#header").width()))/2;
			var xlink = $(this).offset().left;
			var widthlink = $(this).width()/2
			var xfleche = ((xlink + widthlink)-6)-origine;
			
			$("ul.sub",this).data('hover', true).slideDown({duration:300,easing:"easeOutQuad"});
			
			if($('ul.sub',this).length > 0 ){
			$("ul#menu #fleche").animate({ 'left': xfleche, opacity: 'show'}, {duration:900, easing:"easeOutBack"});}
			//alert(origine);
		},
		function(){	
  			$("ul.sub",this).data('hover', false).animate( { opacity: 'show' }, '3', function() {
				if(!$(this).data('hover')) {
					$(this).slideUp({duration:150,easing:"easeInOutSine"});
					
					$("ul#menu #fleche").animate({ opacity: 'hide'},1);
					
					};
				}
			);
  		}
	);
};
///////////////////////////////////////////
//lance la fonction une fois le DOM chargé
$(document).ready(function(){
		deroule();	
	});