var interval = Array(0,0,0,0,0,0,0);
var flag = Array(true,true,true,true,true,true,true);

function appear(elem, num){
	clearTimeout(interval[num]);
	flag[num] = true;
	$(elem).css( {visibility:"visible", display: "block"} );
	$(elem).animate({opacity:"1"}, "fast");
}

function disappear(elem, num){
	clearTimeout(interval[num]);
	if(flag[num]){
		interval[num] = setTimeout(function(){
			clearTimeout(interval[num]);				
			$(elem).animate({opacity:"0"}, "fast", function(){
				$(this).css( {visibility:"hidden", display: "none"} );
			})
		}, 200);
	}
}

jQuery(function( $ ){
	// oculta los submenus
	$('div#submenus div').each(function(){
		$('div#'+this.id).css({display:"none", opacity:"0"});
	});
	
	
	//=============================
	// eventos boton scooter
	//=============================
	$('li#motonetas a').mouseover(function(){
		appear('div#submenu-scooter', 0);
	});
	
	$('li#motonetas a').mouseout(function(){
		disappear('div#submenu-scooter', 0);
	});
	
	
	// eventos submenu scooter
	$('div#submenu-scooter li').mouseover(function(){
		clearTimeout(interval[0]);
		flag[0] = false;	
	});
	
	$('div#submenu-scooter li').mouseout(function(){
		flag[0] = true;
		disappear('div#submenu-scooter', 0);
	});
	
	
	
	//=============================
	// eventos boton trabajo
	//=============================
	$('li#trabajo a').mouseover(function(){
		appear('div#submenu-trabajo', 1);
	});
	
	$('li#trabajo a').mouseout(function(){
		disappear('div#submenu-trabajo', 1);
	});
	
	
	// eventos submenu trabajo
	$('div#submenu-trabajo li').mouseover(function(){
		clearTimeout(interval[1]);
		flag[1] = false;	
	});
	
	$('div#submenu-trabajo li').mouseout(function(){
		flag[1] = true;
		disappear('div#submenu-trabajo', 1);
	});
	
	
	
	//=============================
	// eventos boton proposito
	//=============================
	$('li#doble a').mouseover(function(){
		appear('div#submenu-proposito', 2);
	});
	
	$('li#doble a').mouseout(function(){
		disappear('div#submenu-proposito', 2);
	});
	
	
	// eventos submenu proposito
	$('div#submenu-proposito li').mouseover(function(){
		clearTimeout(interval[2]);
		flag[2] = false;	
	});
	
	$('div#submenu-proposito li').mouseout(function(){
		flag[2] = true;
		disappear('div#submenu-proposito', 2);
	});
	
	
	
	//=============================
	// eventos boton chopper
	//=============================
	$('li#chopper a').mouseover(function(){
		appear('div#submenu-chopper', 3);
	});
	
	$('li#chopper a').mouseout(function(){
		disappear('div#submenu-chopper', 3);
	});
	
	
	// eventos submenu chopper
	$('div#submenu-chopper li').mouseover(function(){
		clearTimeout(interval[3]);
		flag[3] = false;	
	});
	
	$('div#submenu-chopper li').mouseout(function(){
		flag[3] = true;
		disappear('div#submenu-chopper', 3);
	});
	
	
	
	//=============================
	// eventos boton deportiva
	//=============================
	$('li#deportivas a').mouseover(function(){
		appear('div#submenu-deportiva', 4);
	});
	
	$('li#deportivas a').mouseout(function(){
		disappear('div#submenu-deportiva', 4);
	});
	
	
	// eventos submenu deportiva
	$('div#submenu-deportiva li').mouseover(function(){
		clearTimeout(interval[4]);
		flag[4] = false;	
	});
	
	$('div#submenu-deportiva li').mouseout(function(){
		flag[4] = true;
		disappear('div#submenu-deportiva', 4);
	});
	
	
	
	//=============================
	// eventos boton offroad
	//=============================
	$('li#offroad a').mouseover(function(){
		appear('div#submenu-offroad', 5);
	});
	
	$('li#offroad a').mouseout(function(){
		disappear('div#submenu-offroad', 5);
	});
	
	
	// eventos submenu offroad
	$('div#submenu-offroad li').mouseover(function(){
		clearTimeout(interval[5]);
		flag[5] = false;	
	});
	
	$('div#submenu-offroad li').mouseout(function(){
		flag[5] = true;
		disappear('div#submenu-offroad', 5);
	});
	
	
	
	
	//=============================
	// eventos boton atv
	//=============================
	$('li#atv a').mouseover(function(){
		appear('div#submenu-atv', 6);
	});
	
	$('li#atv a').mouseout(function(){
		disappear('div#submenu-atv', 6);
	});
	
	
	// eventos submenu atv
	$('div#submenu-atv li').mouseover(function(){
		clearTimeout(interval[6]);
		flag[6] = false;	
	});
	
	$('div#submenu-atv li').mouseout(function(){
		flag[6] = true;
		disappear('div#submenu-atv', 6);
	});
	
	
});