// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

function updateColor(img_container, product, color, cat)
{
	new Ajax.Request('/shop/product_image_update/' + product + '/' + color + '?cont=' + img_container + '&cat='+ cat);
}

function updateColorImage(img_container, image, product, color)
{
	updateColor(img_container, product, color, 'small');
}

function changeColorSelection(img_container, product, color)
{
	$('color').value = color;
	updateColor(img_container, product, color, 'large');
}

function selectColor(img_container, product, default_color)
{
	color = $('color').value;
	if (color == -1)
		color = default_color;
	updateColor(img_container, product, color);
}

function updatePrice(price)
{
	var q = parseInt($('quantity').value);
	if (q == 0 || isNaN(q))
		q = 1;
	
	$('subtotal').innerHTML = '$' + price + ' X ' + q + " = $" + parseFloat(price) * q;
}

function checkProductForm(form)
{
	if ($('size').value == '')
	{
		alert("Please select size");
		return false;
	}
	return true;
}

function checkCheckoutForm(form)
{
	if ($('shipping_method').value == 0)
	{
		alert("Please select shipping method");
		return false;
	}
	return true;
}

function updateShipping(select, tax_amount)
{
	new Ajax.Request('/cart/shipping_price?id='+ $(select).value, { onSuccess: function(res) {
		price = res.responseText;
		$('shipping_price').innerHTML = '$' + parseFloat(price).toFixed(2);
		total = parseFloat($('subtotal_price').innerHTML.substring(1)) + parseFloat(price);
		tax = parseFloat($('subtotal_price').innerHTML.substring(1)) * tax_amount;
		//tax = parseFloat(total) * tax_amount;
		$('total_price').innerHTML = '$' + (parseFloat(total) + parseFloat(tax)).toFixed(2);
		$('tax_price').innerHTML = '$' + tax.toFixed(2);
	} });
}