// JavaScript Document

function initToccoDaChef() {
	if ($("#openTocco1").attr("src")) {
		if ($("#openTocco1").attr("src")) {	$("#openTocco1").click(function() { switchTocco(1);	}); }
		if ($("#openTocco2").attr("src")) {	$("#openTocco2").click(function() { switchTocco(2);	}); }
		if ($("#openTocco3").attr("src")) {	$("#openTocco3").click(function() { switchTocco(3);	}); }
		
	}
}

function initSwitchProductImg() {
	if ($(".imgProdotto").css("background-image")) {
		$(".imgProdotto").mouseover(function() {
			
			if (jQuery.browser.msie) {
				//IE
				if (parseInt(jQuery.browser.version) < 8) {
					//IE6
					$(this).css("display","none");
					$(".imgProdottoCotto").css("display","block");
					$(".imgProdottoCotto").unbind().mouseout(function() {
						$(".imgProdotto").css("display","block");
						$(this).css("display","none");
					});
					
				}
			} else {
			
				$(this).animate({opacity:"0"},300, function() {
					var imgProdotto = $(this).css("background-image");
					$(this).css("background-image",$(this).attr("ref"));									  
					$(this).attr("ref",imgProdotto);										
					$(this).animate({opacity:"1"},300);								
				});
			}
			
		}).mouseout(function() {
			if (jQuery.browser.msie) {
				//IE
				if (parseInt(jQuery.browser.version) < 7) {
					//IE6
				}
			} else {
				
				$(this).animate({opacity:"0"},300, function() {
					var imgProdotto = $(this).css("background-image");
					$(this).css("background-image",$(this).attr("ref"));		
					$(this).attr("ref",imgProdotto);	
					$(this).animate({opacity:"1"},300);	
				});
				
			}
		});	
	}
	
	$("#leggiDescrizioneProdotto").click(function() {
		$(".prodottoDescrizione").slideDown();
		$(".imgProdotto").css("display","none");
		return false;												  
	});
	$("#chiudiDescrizioneProdotto").click(function() {
		$(".prodottoDescrizione").slideUp();
		$(".imgProdotto").css("display","block");
		return false;												  
	});
}

function switchTocco(index) {
	switch(index) {
		case 1:
			$("#tocco1").css("display","block");
			$("#tocco2").css("display","none");
			$("#tocco3").css("display","none");
			
			$("#openTocco1").attr("src",$("#openTocco1").attr("src").replace("_OFF","_ON"));
			$("#openTocco2").attr("src",$("#openTocco2").attr("src").replace("_ON","_OFF"));
			$("#openTocco3").attr("src",$("#openTocco3").attr("src").replace("_ON","_OFF"));
		break;
		case 2:
			$("#tocco1").css("display","none");
			$("#tocco2").css("display","block");
			$("#tocco3").css("display","none");
			
			$("#openTocco1").attr("src",$("#openTocco1").attr("src").replace("_ON","_OFF"));
			$("#openTocco2").attr("src",$("#openTocco2").attr("src").replace("_OFF","_ON"));
			$("#openTocco3").attr("src",$("#openTocco3").attr("src").replace("_ON","_OFF"));
		break;
		case 3:
			$("#tocco1").css("display","none");
			$("#tocco2").css("display","none");
			$("#tocco3").css("display","block");
			
			$("#openTocco1").attr("src",$("#openTocco1").attr("src").replace("_ON","_OFF"));
			$("#openTocco2").attr("src",$("#openTocco2").attr("src").replace("_ON","_OFF"));
			$("#openTocco3").attr("src",$("#openTocco3").attr("src").replace("_OFF","_ON"));
		break;
	}
}