function SweetsProductPage()
{
	
	// Get the first product in the group
	var selectedProduct;
	var selectedTile;
	
	this.selectFirstProduct = function()
	{	
		selectedProduct = $(".product-details:first");
		selectedTile = $(".product-tile:first");
		selectedProduct.addClass("product-details-selected");
		selectedTile.addClass("product-tile-selected");
		// console.log(selectedProduct);
	}
	
	this.getProductDetails = function(id)
	{
		
		selectedProduct.removeClass("product-details-selected");
		selectedTile.removeClass("product-tile-selected");
		
		// Select the correct product details
		selectedProduct = $("#product-" + id);
		selectedTile = $("#product-tile-" + id);
		
		selectedProduct.addClass("product-details-selected");
		selectedTile.addClass("product-tile-selected");
		window.location.href="#";
		sweetsProductPage.setInitialQuantity();
		/*
		if($("#product_in_stock").val() < 1)
		{
			$("#qty-label").hide();
			$(".quantity-box").hide();
			$(".quantity-buttons").hide();
			$(".add-to-cart").hide();
			$("#out-of-stock").show();
		}
		else
		{
			$("#qty-label").show();
			$(".quantity-box").show();
			$(".quantity-buttons").show();
			$(".add-to-cart").show();
			$("#out-of-stock").hide();
		}
		*/
		
		
	}
	
	this.setInitialQuantity = function()
	{
		
			var quantityBox = selectedProduct.find(".quantity-box").get(0);
			quantityBox.value = 1;
	
	
	}
	
	this.changeProductQuantity = function(action) 
	{
		var quantityBox = selectedProduct.find(".quantity-box").get(0);
		if(action == 'add')
		{
			if(parseFloat(quantityBox.value) < 99)
			{
				quantityBox.value = parseFloat(quantityBox.value) + 1;
			}
		}
		if(action == 'subtract')
		{
			if(quantityBox.value > 1)
			{
				quantityBox.value = parseFloat(quantityBox.value) - 1;
			}
		}
	}
	
	this.showNutritionFacts = function(sku)
	{
		window.open("http://nutrition.sweetcandy.com/nutrition_info.php?prod_id=" + sku, "nutrition_info", "toolbar=no, location=no, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=no, width=350, height=400");	
	}
	
	// Code for drop-down menus in products
	var timeout	= 100;
	var closetimer	= 0;
	var ddmenuitem	= 0;
	
	// open hidden layer
	this.mopen = function(id)
	{	
		// cancel close timer
		this.mcancelclosetime();
	
		// close old layer
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
		// get new layer and show it
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.visibility = 'visible';
	
	}
	// close showed layer
	this.mclose = function()
	{
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	}
	
	// go close timer
	this.mclosetime = function()
	{
		closetimer = window.setTimeout(this.mclose, timeout);
	}
	
	// cancel close timer
	this.mcancelclosetime = function()
	{
		if(closetimer)
		{
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	
	// close layer when click-out
	document.onclick = this.mclose; 
}

var sweetsProductPage = new SweetsProductPage();
sweetsProductPage.selectFirstProduct();
sweetsProductPage.setInitialQuantity();