$(document).ready(function(){
	var selectorAnt;
	var baseMenu = 200;
	var baseMenuColor = 500;
	$('ul#menu li span').hover(function(){
		posicion = $(this).position();
		posicionX = posicion.left;
		posicionY = posicion.top + $(this).height() + parseFloat($(this).css('padding-top')) + parseFloat($(this).css('padding-top'));
		selector = $(this).parent('li').find('ul[class^=submenu]')[0];
		
		if (selectorAnt != selector){
			$(selector).css({'top':posicionY,'left':posicionX});
			$(selector).find('li a').css({'min-width':$(this).width()});
			$(selector).stop(true,true).slideDown(baseMenu);
		}else{
			$(selectorAnt).stop(true,true).slideDown(0);
			selectorAnt = "";
		}
		
		if (!$(this).hasClass('sel')){
			$(this).stop(true,true).css({ backgroundColor: "#F36"});
		}
	},function(){
		selector = $(this).parent('li').find('ul[class^=submenu]')[0];
		$(selector).stop(true,true).slideUp(baseMenu);
		
		if (!$(this).hasClass('sel')){
			$(this).stop(true,true).animate({ backgroundColor: "#3f74d5"}, baseMenuColor);
		}		
	});
	
	$('ul#menu li ul[class^=submenu]').mouseover(function(){
		selectorAnt = $(this)[0];
		selectorUp = $(this).parent('li').find('span');
		if (!selectorUp.hasClass('sel')){
			selectorUp.stop().css({ backgroundColor: "#F36"});
		}	
		$(this).stop(true,true).slideDown(0);
	}).mouseout(function(){
		selectorUp = $(this).parent('li').find('span');
		$(this).stop(true,true).slideUp(baseMenu);
		if (!selectorUp.hasClass('sel')){
			selectorUp.stop(true,true).animate({ backgroundColor: "#3f74d5"}, baseMenuColor,function(){
														   selectorAnt = "";
														   });
		}
    });
});