// JavaScript Document
$(document).ready(
	function () {
		//Preparo il documento
		$("ul.navFissa").after("<div id=\"etichetta\"></div>");
		$("ul.navFissa").after("<ul id=\"navMiniature\"></ul>");
		$("ul.navFissa a").each(
			function(){
				var aLabel	= $(this).attr("id");
				var aHref = $(this).attr("href");
				var aText = $(this).text();		
				$("ul#navMiniature").append("<li><a href=\"" + aHref + "\" id=\"" + aLabel + "\"><span>"+ aText + "</span></a></li>")
			}
		);
		//Attivo la navigazione
		$(".navFissa a").hover(
			function () {
				var idLabel = $(this).attr("id");
				$("#etichetta").addClass(idLabel).css({display: "none"}).fadeIn(200);
				$("ul#navMiniature a#" + idLabel).append("<div></div>").fadeIn(200);
			},
			function () {
				$("#etichetta").removeClass();
				$("ul#navMiniature a div").fadeOut(200, function(){$(this).remove()});
			}
		);
		//Attivo la navigazione al contrario
		$("ul#navMiniature a").hover(
			function () {
				var idLabel = $(this).attr("id");
				$("#etichetta").addClass(idLabel).css({display: "none"}).fadeIn(200);
				$("ul.navFissa a#" + idLabel).addClass("hover");
				$("ul#navMiniature a#" + idLabel).append("<div></div>").fadeIn(200);
			},
			function () {
				$("#etichetta").removeClass();
				$("ul.navFissa a").removeClass("hover");
				$("ul#navMiniature a div").fadeOut(200, function(){$(this).remove()});
			}
		);
	
	}
);