// === GLOBAL VAR
var counterShop = 10, setIntShop, $counterShop;

// === DOCUMENT READY (= DOM READY)
$(document).ready(function() {

	// === PAGE TITLE & CART ===
    // =========================
    $(".pageTitle").attr("pageTitle", " | Product");

	// === PRODUCT COLOR CHANGE ===
	// ============================
	$("span[setColor]").hover(
		function() {		// Mouse enter
			var $this = $(this);
			var $product = $(".pageProduct[reactToColor]");
			$product.attr("reactToColor", $this.attr("setColor"));
			$this.parent().find("span[setColor]").removeClass("selected");
			$this.addClass("selected");
		}, function() { }	// Mouse leave
	);
    
	// === PRODUCT QUANTITY ===
	// ============================
    $(".pageProduct .quantity .plus").on("click", cartProductPlusOne);
    $(".pageProduct .quantity .minus").on("click", cartProductMinusOne);
    
    $counterShop = $(".counterShop").length >0;
    if ($counterShop) {
    	setIntShop = setInterval(updateCounterShop, 1000);
    }
});

function cartProductPlusOne(event) {
	var $this = $(this);
	var $product = $this.closest(".cart-product");
    var $input = $this.closest(".quantity").find("input");
    var value = Number.isNaN(Number($input.val())) ? 0 : Number($input.val());
    
    value += 1;
    $input.val(value);
}

function cartProductMinusOne(event) {
	var $this = $(this);
	var $product = $this.closest(".cart-product");
    var $input = $this.closest(".quantity").find("input");
    var value = Number.isNaN(Number($input.val())) ? 0 : Number($input.val());
    
    value -= 1;
    if (value <= 0) value = 1;
    $input.val(value);
}

// === COUNTER ===
// ===============

function updateCounterShop() {
	counterShop--;
    var text = "(automatic in "+ counterShop +" second"+ ( (counterShop > 1)? "s":"" ) +")";
    $(".counterShop small").html(text);
    
    if (counterShop <= 0) {
    	clearInterval(setIntShop);
        $(".counterShop")[0].click();
    }
}