// BEGIN AJAX Cart code (uses jQuery)



var cartProgressItem = 'not_set';

function cartAjaxSubmit(form , progressid) {

	cartProgressItem = progressid

	var options = {
		//target:        '#output2',   // target element(s) to be updated with server response
		type: 'POST' ,
		url:			'/content/ajax/cart/' ,
		beforeSubmit:  showRequest,  // pre-submit callback
		success:       showResponse ,  // post-submit callback
		dataType:  'json'			// JSON data
	};
     
     	$(form).ajaxSubmit(options);

	return false;


};

// pre-submit callback
function showRequest(formData, jqForm, options) {

	if(cartProgressItem != 'not_set'){
    		document.getElementById(cartProgressItem).innerHTML = '<img src="/layout/wait20trans.gif" alt="Adding item to cart" style="vertical-align: bottom"/>';
    	}
    	return true;
}

// post-submit callback
function showResponse(responseText, statusText)  {

	if(responseText.cart[0].errors){
		// Stock errors.
		if(responseText.cart[0].errors[0].low_stock[0]){
			alert('We only have ' + responseText.cart[0].errors[0].low_stock[0][0][0].stock.toString() + ' of this item currently in stock.');
		} else if(responseText.cart[0].errors[0].out_of_stock) {
			alert('Sorry, this item is currently out of stock.');
		}

		if(cartProgressItem != 'not_set'){
			document.getElementById(cartProgressItem).innerHTML = '<br /><br/><strong>Your Shopping Cart:</strong><br /><div id="cart">Number of Items: <span id="cartitemcount"></span>&nbsp;Total: &pound;<span id="carttotal"></span>';
		}
		document.getElementById('cartitemcount').innerHTML = responseText.cart[0].count.toString();
		document.getElementById('carttotal').innerHTML = responseText.cart[0].total.toString();
	
	} else {

		if(cartProgressItem != 'not_set'){
			document.getElementById(cartProgressItem).innerHTML = '<br/><br/><strong>Item added.</strong><br /><br/><strong>Your Shopping Cart:</strong><br /><div id="cart">Number of Items: <span id="cartitemcount"></span>&nbsp;Total: &pound;<span id="carttotal"></span>';
		}
		document.getElementById('cartitemcount').innerHTML = responseText.cart[0].count.toString();
		document.getElementById('carttotal').innerHTML = responseText.cart[0].total.toString();

		
	}

	cartProgressItem = 'not_set';
	//document.getElementById('cartdialog').innerHTML = '<p>The following item has been added to the cart</p><p><strong>' + responseText.cart[0].added[0].title.toString(); + '</strong>';
    	//$('#cartdialog').dialog("open");

}

// END AJAX Cart code (uses jQuery)