var cola = new Array();

$(document).ready(function(){	
	$("img.menus").hoverIntent(function(){
		var submenu = 'div#' + $(this).attr("id") + 'sub';
		if (!cola[submenu]) {
			$(submenu).show("slide", {
				direction: "up",
				easing: "easeInOutQuad"
			}, 300);
			cola[submenu] = true;
		}
	},
	function(e){
		var submenu = 'div#' + $(this).attr("id") + 'sub';
		var posmenu = $(submenu).offset();
		var dimensiones = new Object();
		dimensiones.height = $(submenu).height();
		dimensiones.width = $(submenu).width();
		if(e.pageX < posmenu.left || e.pageX > posmenu.left + dimensiones.width || e.pageY < posmenu.top || e.pageY > posmenu.top + dimensiones.height){
			$(submenu).hide("slide", {direction: "up"}, 300);
			cola[submenu] = false;
		}
	});
	
	$("div.submenus").bind("mouseleave", function(e){
		var menu = 'img#' + $(this).attr("id").substr(0, $(this).attr("id").length - 3);
		var posmenu = $(menu).offset();
		var dimensiones = new Object();
		dimensiones.height = $(menu).height();
		dimensiones.width = $(menu).width();
		if(e.pageX < posmenu.left || e.pageX > posmenu.left + dimensiones.width || e.pageY < posmenu.top || e.pageY > posmenu.top + dimensiones.height) {
			$(this).hide("slide", {direction: "up"}, 300);
			cola['div#'+this.id] = false;
		}
	});
	
	$(".botondir").click(function(e){
		e.preventDefault();
	    x = $(this).attr("href");
	    location.href = x;
	});
});