$(function() {
	// set opacity to nill on page load
	$("ul#menu span").css("opacity","0");
	$("ul#menu li.headlink ul").css("opacity","0");
	$("ul#menu li.headlink span.link-text").css("opacity","0");
	
	// on mouse over
	$("ul#menu span").hover(function () {
		// animate opacity to full
		$(this).stop().animate({
			opacity: 1
		}, 'slow');
	},
	// on mouse out
	function () {
		// animate opacity to nill
		$(this).stop().animate({
			opacity: 0
		}, 'slow');
	});
	
	// on mouse over "servicios"
	$("ul#menu li.headlink a.servicios span").hover(function () {
		// animate opacity to full
		$("ul#menu li.headlink ul").stop().animate({
			opacity: 1
		}, 'slow');
	});
	
});


/*window.onload = function()
{
	var lis = document.getElementById('menu').getElementsByTagName('li');
	for(i = 0; i < lis.length; i++)
	{
		var li = lis[i];
		if (li.className == 'headlink')
		{
			li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
			li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
		}
	}
}*/
/* or with jQuery: */
$(document).ready(function(){
	$('#menu li.headlink').hover(
		function() { $('ul', this).css('display', 'block'); },
		function() { $('ul', this).css('display', 'none'); });
});