/**
 * @author Raffaele Pellino
 */

// destroy session
function destroySession(){
var form = document.frm;
var img_bg = form.lang == "ita"?"bg_addtobasket.gif":"bg_addtobasket_eng.gif";

$.ajax({
   url: "inc/inc.session.destroy.php",
   success: function(){
   	$("#goto-basket").html('');
	$("a#basket").css("background","url(images/" + img_bg + ")");
	return true;
   }
});
}

$(document).ready(function(){
	
	// fix vertical align
	var windowHeight = $("body").outerHeight();
	var contentsHeight = $("#container").outerHeight();
	if(windowHeight > contentsHeight){
		var marginTopCont = Math.round((windowHeight - contentsHeight)/2) - 5;
		$("#container").css("marginTop",marginTopCont);
	}
	
	// START SHIPPING
	var form = document.frm;
	if (document.frm) {
		pic1 = new Image();
		pic1.src = "images/bg_shipping-table.gif";
		pic2 = new Image();
		pic2.src = "images/bg_addtobasket.gif";
		pic3 = new Image();
		pic3.src = "images/bg_man_over.gif";
		
		// form alert message
		if (document.frm) 
			var alert_js = form.alert_msg.value;
		
		// choose colors
		$("a#choose_woman, a#choose_man").click(function(){
			if ($(this).attr("id") == "choose_man") {
				form.sex.value = 'M';
				form.submit();
			}
			else 
				if ($(this).attr("id") == "choose_woman") {
					form.sex.value = 'F';
					form.submit();
				}
			
		});
		
		// add to basket ###########################################################################################
		// #########################################################################################################
		
		$("#basket").click(function(){
			
            var img_on = form.lang.value == "ita"?"bg_addtobasket_on.gif":"bg_addtobasket_on_eng.gif";
			var img_amin = form.lang.value == "ita"?"bg_addtobasket_anim.gif":"bg_addtobasket_anim_eng.gif";
			
			if (form.pieces.value > 0 && form.sex.value != "" && form.size.value != "" && form.color.value != "") {
				$("a#basket").css("background", "url(images/" + img_on + ")");
				$.ajax({
					type: "POST",
					url: "inc/inc.order.php",
					data: "quant=" + form.pieces.value + "&sex=" + form.sex.value + "&size=" + form.size.value + "&color=" + form.color.value + "&shipping=" + form.shipping.value,
					success: function(msg){
						//$("#data").html(msg);
						
						if (msg != '') // errore
							alert(msg);
						else { // tutto ok
							
							$("a#basket").css("background", "transparent url(images/" + img_amin + ") 0% 0% no-repeat");
							$.ajax({
								type: "GET",
								url: "inc/inc.form.paypal.php",
								success: function(dataz){
									$("#goto-basket").html(dataz);
								}
							});
						}
						
					}
				});
			}
			else {
				alert(alert_js);
				return false;
			}
		});
		
		
		$("#pics img").lazyload({
			placeholder: "images/lightbox-ico-loading.gif",
			effect: "fadeIn"
		});
		
		//switch colors
		var imgs = '';
		var selectedSetColor = Array();
		
		// woman
		var F_red = Array('Rossa-Donna-Scelta318x318.jpg', 'Rosso-Fronte.jpg', 'Rosso-Retro.jpg');
		var F_green = Array('Verde-Donna-Scelta318x318.jpg', 'Verde-Donna-Fronte.jpg', 'Verde-Donna-Retro.jpg');
		var F_demin_blue = Array('Blu-Donna-Scelta318x318.jpg', 'Blu-Fronte.jpg', 'Blu-Retro.jpg');
		
		// man
		var M_green = Array('Verde-Uomo-Scelta318x318.jpg', 'Verde-Uomo-Fronte.jpg', 'Verde-Uomo-Retro.jpg');
		var M_orange = Array('Arancione-Uomo-Scelta318x318.jpg', 'Arancione-Fronte.jpg', 'Arancione-Retro.jpg');
		var M_gold = Array('Gialla-Uomo-Scelta318x318.jpg', 'Giallo-Fronte.jpg', 'Giallo-Retro.jpg');
		var M_grey = Array('Grigia-Uomo-Scelta318x318.jpg', 'Grigia-Fronte.jpg', 'Grigia-Retro.jpg');
		
		
		// colors START
		if (form.sex.value == "F") {
			selectedSetColor = F_red;
			/*
		 $("#pics").css("background","url(images/lightbox-ico-loading.gif) 140px 140px no-repeat")
		 
		 imgtoload = Array();
		 
		 for(i=0;i<selectedSetColor.length;i++){
		 imgtoload[i] = new Image();
		 imgtoload[i].src = selectedSetColor[i];
		 imgtoload[i].id = "imgtoload" + i;
		 }
		 
		 $("#imgtoload2").ready(function(){
		 alert('Loaded');
		 //$("#pics").css("background","#eee");
		 });
		 */
			for (i = 0; i < selectedSetColor.length; i++) {
				imgs += '<img src=' + 'photos/small/' + selectedSetColor[i] + ' />';
			}
		}
		else {
			selectedSetColor = M_green;
			for (i = 0; i < selectedSetColor.length; i++) {
				imgs += '<img src=' + 'photos/small/' + selectedSetColor[i] + ' />';
			}
		}
		$("#pics").html(imgs);
		
		
		
		// choose color by picker
		$("a.picker").click(function(){
			var color = $(this).attr("id");
			var imgs = '';
			
			if (form.sex.value == "F") {
				switch (color) {
					case "red":
						selectedSetColor = F_red;
						break;
					case "green":
						selectedSetColor = F_green;
						break;
					case "denim_blue":
						selectedSetColor = F_demin_blue;
						break;
				}
			}
			else {
				switch (color) {
					case "green_m":
						selectedSetColor = M_green;
						break;
					case "orange":
						selectedSetColor = M_orange;
						break;
					case "gold":
						selectedSetColor = M_gold;
						break;
					case "grey":
						selectedSetColor = M_grey;
						break;
				}
			}
			
			for (i = 0; i < selectedSetColor.length; i++) {
				imgs += '<img src=' + 'photos/small/' + selectedSetColor[i] + ' />';
			}
			$("#pics").html(imgs);
			
			$("#pics").animate({
				marginLeft: 0
			}, 500, 'easeOutCirc', function callback(){
				$("a#right_arrow").css("visibility", "visible");
				$("a#left_arrow").css("visibility", "hidden");
				currentMargin = 0;
			});
			
			
		});
		
		//slide photo arrows
		$("a#left_arrow").css("visibility", "hidden");
		var numberImgs = $("#pics img").length;
		var imgWidth = 318;
		var maxLmargin = -imgWidth * numberImgs;
		var currentMargin = 0;
		
		// scroll right
		$("a#right_arrow").click(function(){
			$("#zoompic").css("display", "none");
			if ((currentMargin - imgWidth) > maxLmargin) {
			
				$("#pics").animate({
					marginLeft: currentMargin - imgWidth
				}, 500, 'easeOutCirc', function callback(){
					currentMargin = parseInt($("#pics").css("margin-left"));
					if (currentMargin > maxLmargin) 
						$("a#left_arrow").css("visibility", "visible");
					if (currentMargin == (maxLmargin + imgWidth)) 
						$("a#right_arrow").css("visibility", "hidden");
				});
			}
			
		});
		
		// scroll left
		$("a#left_arrow").click(function(){
			$("#zoompic").css("display", "none");
			if (currentMargin < 0) {
			
				$("#pics").animate({
					marginLeft: currentMargin + imgWidth
				}, 500, 'easeOutCirc', function callback(){
					currentMargin = parseInt($("#pics").css("margin-left"));
					if (currentMargin < 0) 
						$("a#right_arrow").css("visibility", "visible");
					if (currentMargin == 0) 
						$("a#left_arrow").css("visibility", "hidden");
				});
			}
			
		});
		
		$("a#shipping").click(function(){
			$("#shipping-costs").toggle(150);
		});
		
		$("a#shipping_eng").click(function(){
			$("#shipping-costs-eng").toggle(150);
		});
		
		$("#shipping-costs").mouseout(function(){
			$("#shipping-costs").hide(150);
		});
		
		$("#shipping-costs-eng").mouseout(function(){
			$("#shipping-costs-eng").hide(150);
		});
	}
	// END SHIPPING
	
	
	// START HOME
	// slideshow home
	$('#photo').cycle({
		fx: 'fade',
		speed:   300, 
		timeout: 3000
	});

});
