/*
 * Matt, Déc 2009
 * */

jQuery(document).ready(
    	function(){
    		
    		//gestion des liaisons lien menu <=> sous menus
    		connectLinkToSousMenu("#linkSousMenuLivre", "#sousMenuLink1");
    		connectLinkToSousMenu("#linkSousMenuObjets", "#sousMenuLink2");
    		connectLinkToSousMenu("#linkSousMenuTirage", "#sousMenuLink0");
    		
			//gestion de la souris sur les liens des sous menu
    		jQuery(".blockSousMenu > li").each(
				function(){
					jQuery(this).mouseover(
						function(){
							var sousmenu = jQuery(this).children("ul") ;
							var offset = jQuery(this).position();

							sousmenu.css("left", (offset.left+jQuery(this).width()-2)+"px");
							sousmenu.css("top", offset.top+"px");
							
							sousmenu.css("visibility", "visible");
							
						}
					)
					jQuery(this).mouseleave(
						function(){
							var sousmenu = jQuery(this).children("ul") ;
							sousmenu.css("visibility", "hidden");
						}
					)
				}
			);
  		}
  	)
  	
  	var timerOngletOut;

  	var connectLinkToSousMenu = function(idLink, idSousMenu){
			
		jQuery(idLink).mouseover(
				mouseOverMenuLinkHandler(idSousMenu)
		);
		jQuery(idLink).mouseleave(
				function(){
					timerOngletOut = setTimeout("jQuery('"+idSousMenu+"').trigger('mouseleave');", 100);
				}
		);
		
		var saveBackground = jQuery(idLink).css("background-image");
		var spans = jQuery(idLink).children("span") ;
		var saveColor = spans.css("color");
		
		jQuery(idSousMenu).mouseleave(
			function(){
				jQuery(idLink).css("background-image", saveBackground);
				spans.css("color", saveColor);
				jQuery(idSousMenu).css("visibility", "hidden");
			}
		)
	}
		
	
  var mouseOverMenuLinkHandler = function(pSousMenu){//I love closures !
	  
	  return function(){
			jQuery(".blockMenu").each(function(){jQuery(this).trigger('mouseleave');});
			var position = jQuery(this).position();
			//startStyleMainLinks
			jQuery(this).css("background-image", "none");
			var spans = jQuery(this).children("span") ;
			spans.css("color", "#83207A");
			//endStyleMainLinks
			jQuery(pSousMenu).mouseover(function(){clearTimeout(timerOngletOut);});
			jQuery(pSousMenu).css("top", (position.top+jQuery(this).height()+5)+"px");
			jQuery(pSousMenu).css("left", (position.left-2)+"px");
			jQuery(pSousMenu).css("visibility", "visible");
		}
	}