/****************************************************************
*	Per a cada secció del menú crear un condicional amb			*
*	el class="menu_id" i el id="submenu_id" on id = al id		*
*	de la taula de menus.										*
****************************************************************/

$('div').mouseover(function(){
	if ($(this).hasClass("menu_123"))
	{	
		$offset = $('div.menu_123').offset()
		$top = $('div.menu_123').height();
		$("#submenu_123").css({top: $top});
		$("#submenu_123").css({height: "160px"});
		$("#submenu_123").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_2"))
	{	
		$offset = $('div.menu_2').offset()
		$top = $('div.menu_2').height();
		$("#submenu_2").css({top: $top});
		$("#submenu_2").css({height: "140px"});
		$("#submenu_2").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_150"))
	{	
		$offset = $('div.menu_150').offset()
		$top = $('div.menu_150').height();
		$("#submenu_150").css({top: $top});
		$("#submenu_150").css({height: "140px"});
		$("#submenu_150").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_142"))
	{	
		$offset = $('div.menu_142').offset()
		$top = $('div.menu_142').height();
		$("#submenu_142").css({top: $top});
		$("#submenu_142").css({height: "140px"});
		$("#submenu_142").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_3"))
	{	
		$offset = $('div.menu_3').offset()
		$top = $('div.menu_3').height();
		$("#submenu_3").css({top: $top});
		$("#submenu_3").css({height: "100px"});
		$("#submenu_3").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_6"))
	{	
		$offset = $('div.menu_6').offset()
		$top = $('div.menu_6').height();
		$("#submenu_6").css({top: $top});
		$("#submenu_6").css({height: "140px"});
		$("#submenu_6").css({width: "200px"});
	}
	
	if ($(this).hasClass("menu_4"))
	{	
		$offset = $('div.menu_4').offset()
		$top = $('div.menu_4').height();
		$("#submenu_4").css({top: $top});
		$("#submenu_4").css({height: "170px"});
		$("#submenu_4").css({width: "200px"});
	}
});

$('div').mouseleave(function(){
	if ($(this).hasClass("menu_123"))
	{	
		$offset = $('div.menu_123').offset()
		$top = $('div.menu_123').height();
		$("#submenu_123").css({top: $top});
		$("#submenu_123").css({height: "0px"});
		$("#submenu_123").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_2"))
	{	
		$offset = $('div.menu_2').offset()
		$top = $('div.menu_2').height();
		$("#submenu_2").css({top: $top});
		$("#submenu_2").css({height: "0px"});
		$("#submenu_2").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_150"))
	{	
		$offset = $('div.menu_150').offset()
		$top = $('div.menu_150').height();
		$("#submenu_150").css({top: $top});
		$("#submenu_150").css({height: "0px"});
		$("#submenu_150").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_142"))
	{	
		$offset = $('div.menu_142').offset()
		$top = $('div.menu_142').height();
		$("#submenu_142").css({top: $top});
		$("#submenu_142").css({height: "0px"});
		$("#submenu_142").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_3"))
	{	
		$offset = $('div.menu_3').offset()
		$top = $('div.menu_3').height();
		$("#submenu_3").css({top: $top});
		$("#submenu_3").css({height: "0px"});
		$("#submenu_3").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_6"))
	{	
		$offset = $('div.menu_6').offset()
		$top = $('div.menu_6').height();
		$("#submenu_6").css({top: $top});
		$("#submenu_6").css({height: "0px"});
		$("#submenu_6").css({width: "0px"});
	}
	
	if ($(this).hasClass("menu_4"))
	{	
		$offset = $('div.menu_4').offset()
		$top = $('div.menu_4').height();
		$("#submenu_4").css({top: $top});
		$("#submenu_4").css({height: "0px"});
		$("#submenu_4").css({width: "0px"});
	}
});