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

jQuery(document).ready(function(){	
		t_dur = 500;
		$(".span-immagini-sub").hide();
		
    $("#iconbar li ").hover(
    function(){
      $("#iconbar .span-immagini-sub").show();     
    }, 
    function(){     
      $("#iconbar .span-immagini-sub").hide();         
    });

		$("#iconbar1 li ").hover(
		function(){
			$(this).animate({ height: "229px" }, {queue:false, duration:t_dur} );	
			$("#parent").animate({ top: "58px"},{queue:false, duration:t_dur})  ; 
      $("#iconbar1").animate({ top: "116px"},{queue:false, duration:t_dur});
      $("#iconbar1 .span-immagini-sub").show();			
		}, 
		function(){			
			$(this).animate({ height: "116px" }, {queue:false, duration:t_dur} );
			$("#parent").animate({ top: "171px"},{queue:false, duration:t_dur}) ;
			$("#iconbar1").animate({ top: "229px"},{queue:false, duration:t_dur})	;
      $("#iconbar1 .span-immagini-sub").hide();					
		});
		
		$("#iconbar2 li ").hover(
		function(){			
			$(this).animate({ height: "229px" }, {queue:false, duration:t_dur} );	
			$("#parent").animate({ top: "58px"},{queue:false, duration:t_dur});
			$("#iconbar1").animate({ top: "116px"},{queue:false, duration:t_dur})	; 
			$("#iconbar2").animate({ top: "237px"},{queue:false, duration:t_dur})	;
      $("#iconbar2 .span-immagini-sub").show();
		}, 
		function(){			
			$(this).animate({ height: "116px" }, {queue:false, duration:t_dur} );
      $("#parent").animate({ top: "171px"},{queue:false, duration:t_dur})  ;
			$("#iconbar1").animate({ top: "229px"},{queue:false, duration:t_dur})	;
			$("#iconbar2").animate({ top: "351px"},{queue:false, duration:t_dur})	;
      $("#iconbar2 .span-immagini-sub").hide();  
		});
});