var ViewProduct = 
{
	ProductId : null,
	Selects : null,
	HiddenVarients: null,
	PriceElem : null,
	Load : function()
	{
		ViewProduct.ProductId = document.getElementById("HiddenId").value;		
		ViewProduct.HiddenVarients = document.getElementsByClassName("hidden-varient");
		ViewProduct.Selects = document.getElementsByClassName("select-options");			
		ViewProduct.PriceElem = document.getElementsByClassName("price")[0];
		
		if(ViewProduct.HiddenVarients.length > 0)
		{			
			
			for(var i = 0; i < ViewProduct.Selects.length; i++)
			{
				var selectOption = ViewProduct.Selects[i];
				selectOption.onchange = function()
				{
					ViewProduct.GetPrice();
				}
			}
			
			ViewProduct.GetPrice();			
		
		}		

	}
	,
	GetPrice : function()
	{
			var sku = ViewProduct.ProductId;
			var cost = "";
			for(var i = 0; i < ViewProduct.Selects.length; i++)
			{
				var selectOption = ViewProduct.Selects[i];
				sku = sku + "-" + selectOption.value;		
			}
			
			for(var c = 0; c < ViewProduct.HiddenVarients.length; c++)
			{
				var hiddenVarient = ViewProduct.HiddenVarients[c];
				if(hiddenVarient.value.split("|")[0] == sku)
				{
					cost = hiddenVarient.value.split("|")[1];
				}			
				//alert(hiddenVarient.value);
			}
			ViewProduct.PriceElem.innerHTML = "&pound;" + cost;
	}

}

window.addToOnload(ViewProduct.Load);