jQuery(document).ready(function(){
	$("#iconbar li").hover(
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("x.")[0];
			$(this).find("img").attr({src: "" + origen + "o.png"});
			$(this).find("span").attr({
				"style": 'display:inline'
			});
			$(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
		}, 
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("o.")[0];
			$(this).find("img").attr({src: "" + origen + "x.png"});
				$(this).find("span").animate({opacity: 0, top:'-50'}, 300)+$(this).find("span").fadeOut(100, "linear");
			/*$(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",
				function(){
					$(this).find("span").attr({"style": 'display:none'});			
				}
			);*/
		});
		
		$("#testlink").hover(
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("x.")[0];
			$(this).find("img").attr({src: "" + origen + "o.png"});
			$("#spangu").attr({
				"style": 'display:inline'
			});
			
			$("#spangu").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
			
		
			
		}, 
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("o.")[0];
			$(this).find("img").attr({src: "" + origen + "x.png"});
			$("#spangu").animate({opacity: 0, top:'-50'}, 300)+$("#spangu").fadeOut(100, "linear");
					
			
			});
});