jQuery.preloadImages = function()
{
	for(var i = 0; i<arguments.length; i++)
	jQuery("<img>").attr("src", arguments[i]);
}
jQuery.preloadImages("key.gif");
jQuery.preloadImages("keyo.gif");
jQuery.preloadImages("rss.gif");
jQuery.preloadImages("rsso.gif");

jQuery(document).ready(function(){
	
	$("#iconbar li img").hover(
		function(){
			var iconName = $(this).attr("src");
			var origen = iconName.split(".")[0];
			$(this).attr({src: "" + origen + "o.gif"});
			$(this).parent().parent().parent().find("span").animate( {opacity: "show",width: "320px"},500 );
		}, 
		function(){
			var iconName = $(this).attr("src");
			var origen = iconName.split("o.")[0];
			$(this).attr({src: "" + origen + ".gif"});			
			$(this).parent().parent().parent().find("span").animate({ opacity: "hide",width: "0px"},500 );
		});
});