/**
* hoverIntent r6 // 2011.02.26 // jQuery 1.5.1+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne brian(at)cherne(dot)net
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:200};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev])}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob)},cfg.interval)}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev])};var handleHover=function(e){var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t)}if(e.type=="mouseenter"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob)},cfg.interval)}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob)},cfg.timeout)}}};return this.bind('mouseenter',handleHover).bind('mouseleave',handleHover)}})(jQuery);
var inAnimation = false;
function afficherMenu(){
		//si une animation est en cours et qu'on veut afficher un autre bloc on stop tous  	    
 	   if(inAnimation != $(this).attr("rel")) {
			$("#menu_" + inAnimation).stop(false,true);
    	}
		// si le bloc qu'on veut afficher n'est pas visible
    	if ($("#menu_" + $(this).attr("rel")).is(":hidden")) {
    		$("#bt_"+$(this).attr("rel")).addClass("selected");
			inAnimation = $(this).attr("rel"); //modifie le flag pour dire que l'animation est en cours
			$(".illustration:visible").hide(); // on cache tous les blocs visible
                //puis on affiche le bon bloc avec une fonction callback pour attentre la fin de l'animation
			$("#menu_" + $(this).attr("rel")).fadeIn("fast",function(){
		    inAnimation = false; //modifie le flag pour dire que l'animation est finie
			});
    	}
 }
	    
function masquerMenu(){
		//si une animation est en cours et qu'on veut afficher un autre bloc on stop tous  	    
 	   if(inAnimation != $(this).attr("rel")) {
			$("#menu_" + inAnimation).stop(false,true);
    	}
		// si le bloc qu'on veut afficher n'est pas visible

		inAnimation = $(this).attr("rel"); //modifie le flag pour dire que l'animation est en cours
    	$("#bt_"+$(this).attr("rel")).removeClass("selected");
		$("#menu_" + $(this).attr("rel")).fadeOut("fast", function(){
		    inAnimation = false; //modifie le flag pour dire que l'animation est finie
		});

 }
 
// Activer les illustrations du menu haut
$(function() {  
		$(".menuhaut").hoverIntent( afficherMenu, masquerMenu)
		$(".menuhaut").click(afficherMenu)
});