var $jq = jQuery.noConflict();
var timeoutID;
$jq(document).ready(function () {
							
    $jq("#products_submenu").mouseover(function () {
		clearTimeout(timeoutID);
		$jq("#produits").addClass('hover');
		$jq("#mask").css("display","block");
		$jq("#mask").animate({width:"320px", left:"265px"}, {queue:false, duration:500});
		$jq("#move_bar").animate({height:"570px", left:"0px"}, {queue:false, duration:500});
		$jq("#move_bar").fadeIn("500");
		
		$jq("#products_submenu").mouseout(function () {
			$jq("#mask").stop();
			$jq("#move_bar").stop();
		});
	   
    });
	
      $jq("#products_submenu").mouseout(function () {
	  timeoutID = window.setTimeout(function(){
		  
		$jq("#move_bar").animate({height:"570px", left:"-321px"}, {queue:false, duration:250});
		$jq("#produits").removeClass('hover');
		$jq("#mask").animate({width:"0px", left:"264px"}, {queue:false, duration:250},function(){this.getElementsByTagName('li').item(0).style.display ="none";});
	 
     }, 250)
	  
    });
	  
	  $jq('.acc_trigger').hover(function() {

		$jq(this).addClass('hover')},
		function () {
		$jq(this).removeClass('hover');
		}
	);
	  
  });
