// JavaScript Document
$(document).ready(function(){
	$("#colori img").mouseover(function(){
		$("div.test").html($(this).attr("title"));
	});
	$("#colori ul li img").mouseout(function(){
		$("div.test").html(" ");
	});
	$("#label_01").removeClass("normal").addClass("attivo");
	$("#scheda_01").removeClass("novis").addClass("vis");
	$("#scheda_11").removeClass("novis").addClass("vis");
	$("#label_01,#label_02,#label_03,#label_04").click(function(){
		$("#scheda_01,#scheda_02,#scheda_03,#scheda_04,#scheda_11,#scheda_12,#scheda_13,#scheda_14").attr("class", "novis");
		$("#label_01,#label_02,#label_03,#label_04").removeClass("attivo").addClass("normal");
		$(this).removeClass("normal").addClass("attivo");
		var label = $(this).attr("id").replace("label_0", "");
		$("#scheda_0" + label).removeClass("novis").addClass("vis");
		$("#scheda_1" + label).removeClass("novis").addClass("vis");
		switch (label){
			case "1": 
				$("#img_swap1").attr("class", "").addClass("sep_sx");
				$("#img_swap2,#img_swap3").attr("class", "").addClass("sep_sx2");
				break;
			case "2": 
				$("#img_swap1").attr("class", "").addClass("sep_dx");
				$("#img_swap2").attr("class", "").addClass("sep_sx");
				$("#img_swap3").attr("class", "").addClass("sep_sx2");
				break;
			case "3": 
				$("#img_swap1").attr("class", "").addClass("sep_dx2");
				$("#img_swap2").attr("class", "").addClass("sep_dx");
				$("#img_swap3").attr("class", "").addClass("sep_sx");
				break;
			case "4": 
				$("#img_swap1,#img_swap2").attr("class", "").addClass("sep_dx2");
				$("#img_swap3").attr("class", "").addClass("sep_dx");
				break;
		}
	});
});