jQuery.preloadImages = function()
{
	for(var i = 0; i<arguments.length; i++)
	jQuery("<img>").attr("src", arguments[i]);
}
jQuery.preloadImages("../images/tabs/home.png", 
					 "../images/tabs/homeo.png", 
					 "../images/tabs/nosotros.png", 
					 "../images/tabs/nosotroso.png",
					 "../images/tabs/servicios.png", 
					 "../images/tabs/sercivioso.png",
					 "../images/tabs/porfolio.png", 
					 "../images/tabs/porfolioo.png", 
					 "../images/tabs/contacto.png", 
					 "../images/tabs/contactoo.png");

jQuery(document).ready(function(){
	
	$("#iconbar li a").hover(
		function(){
			var iconName = $(this).children("img").attr("src");
			var origen = iconName.split(".png")[0];
			$(this).children("img").attr({src: "" + origen + "o.png"});
			$(this).css("cursor", "pointer");
			$(this).animate({ width: "300px" }, {queue:false, duration:"normal"} );
			$(this).children("span").animate({opacity: "show"}, "fast");
		}, 
		function(){
			var iconName = $(this).children("img").attr("src");
			var origen = iconName.split("o.")[0];
			$(this).children("img").attr({src: "" + origen + ".png"});			
			$(this).animate({ width: "100px" }, {queue:false, duration:"normal"} );
			$(this).children("span").animate({opacity: "hide"}, "fast");
		});
});