//http://gsgd.co.uk/sandbox/jquery/easing/ (EFECTOS)
$(document).ready(function(){

	//When mouse rolls over
	$("a.menubutton").mouseover(function(){
		$(".desplegable").hide();
		if($(this).attr('id') != null){  
			menu = '#desplegable-'+$(this).attr('id');
			$(menu).css({'z-index':'110'}).slideDown(200,'easeInQuad');
		}
	});
	
	//When mouse is removed
	$(".desplegable").mouseover(function(){
		var textid = $(this).attr('id');
		text = textid.substring(textid.indexOf('-')+1);
		$('#'+text).addClass('menuOn');
	}).mouseleave(function(){
		$(this).hide().css({'z-index':'100'}).slideUp(200,'easeInQuad');
		var textid = $(this).attr('id');
		text = textid.substring(textid.indexOf('-')+1);
		$('#'+text).removeClass('menuOn');
	});
	
	$(".menu").mouseleave(function(){
		$(".desplegable").hide();
	});
});