jQuery(document).ready(function(){
	$("#iconbar li a").hover(
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("x.")[0];
			var num=$(this).attr("name");
			$(this).find("img").attr({src: "" + origen + "o.gif"});
			
			if (origen=="img/icones/motxilla"){
				$(this.parent).find("#motxilla_"+num).attr({"style": 'display:inline'});
				$(this.parent).find("#motxilla_"+num).animate({opacity: 1, top: "-45"}, {queue:false, duration:400});
			}
			if (origen=="img/icones/allotjament"){
				$(this.parent).find("#allotjament_"+num).attr({"style": 'display:inline'});
				$(this.parent).find("#allotjament_"+num).animate({opacity: 1, top: "-45"}, {queue:false, duration:400});
			}
			if (origen=="img/icones/itinerancia"){
				$(this.parent).find("#itinerancia_"+num).attr({"style": 'display:inline'});
				$(this.parent).find("#itinerancia_"+num).animate({opacity: 1, top: "-45"}, {queue:false, duration:400});
			}
			
		}, 
		function(){
			var iconName = $(this).find("img").attr("src");
			var origen = iconName.split("o.")[0];
			var num=$(this).attr("name");
			$(this).find("img").attr({src: "" + origen + "x.gif"});

			if (origen=="img/icones/motxilla"){
				$(this.parent).find("#motxilla_"+num).animate({opacity: 0, top: "-40"}, {queue:false, duration:400}, "linear",
					function(){
						$(this.parent).find("#motxilla_"+num).attr({"style": 'display:none'});			
					}
				);
			}
			if (origen=="img/icones/allotjament"){
				$(this.parent).find("#allotjament_"+num).animate({opacity: 0, top: "-40"}, {queue:false, duration:400}, "linear",
					function(){
						$(this.parent).find("#allotjament_"+num).attr({"style": 'display:none'});			
					}
				);
			}
			if (origen=="img/icones/itinerancia"){
				$(this.parent).find("#itinerancia_"+num).animate({opacity: 0, top: "-40"}, {queue:false, duration:400}, "linear",
					function(){
						$(this.parent).find("#itinerancia_"+num).attr({"style": 'display:none'});			
					}
				);
			}
		});
	$("#iconbar2 li a").hover(
			function(){
				var iconName = $(this).find("img").attr("src");
				var num=$(this).attr("name");
				$(this.parent).find("#nivell_"+num).attr({"style": 'display:inline'});
				$(this.parent).find("#nivell_"+num).animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
				
			},
			function(){
				var iconName = $(this).find("img").attr("src");
				var num=$(this).attr("name");
				$(this).find("img");
					$(this.parent).find("#nivell_"+num).animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",
						function(){
							$(this.parent).find("#nivell_"+num).attr({"style": 'display:none'});			
						}
					);

			});


});