<!--//

function addItem(item_id) {

		$('#basketPanelSpinner').show();

		var quantity = $('#quantity_' + item_id).val();

		$.getJSON(SITE.toLowerCase() + "/shop/basket.html", {fa: 'ajax_a_i', item_id : item_id, quantity : quantity}, function(data) {
			layoutBasket(data);
		});

		// reset quantity to choose 
		$('#quantity_' + item_id).val('');

		// show
		$('#removeFromBasket_' + item_id).show();
}

function removeItem(item_id, b_i_id) {

	$('#basketPanelSpinner').show();

	$('#basketItem' + b_i_id).effect("highlight", {}, 2000)
		.fadeOut(500, function() {
			$(this).remove();
		});


	$.getJSON(SITE.toLowerCase() + "/shop/basket.html", {fa: 'ajax_d_i', item_id : item_id, b_i_id: b_i_id}, function(data) {
		document.location = SITE.toLowerCase() + '/shop/basket.html';
		// layoutBasket(data);
	});

	// hide
	$('#updateBasket_' + item_id).hide();
	$('#removeFromBasket_' + item_id).hide();

	// show
	$('#addToBasket_' + item_id).show();
}


function reloadBasket() {
	$.getJSON(SITE.toLowerCase() + "/shop/basket.html", {fa: 'ajax_g_b'}, function(data) {
		layoutBasket(data);
	});
}

function updateItem(item_id) {

	$('#basketPanelSpinner').show();

	$('#basketItem' + item_id).effect("highlight", {}, 1000)

	var quantity = $('#quantity_' + item_id).val();

	$.getJSON(SITE.toLowerCase() + "/shop/basket.html", {fa: 'ajax_u_i', item_id : item_id, quantity : quantity}, function(data) {
		layoutBasket(data);
	});
}


function layoutBasket(data) {
	var items 		= data.items;
	var item_total 	= data.item_total;
	var total 		= data.total;
	var html = '';
	
	//alert(html);

	if (!data) {
		$('#basketPanel').slideUp();
		return true;
	}

	for (i=0;i<items.length;i++) {

		html += '<div class="row" id="basketItem' + items[i].shop_basket_item_id + '">';
		html += '<p>';
		html += '    <a href="' + SITE.toLowerCase() + '/shop/basket.html?fa=e_i&amp;id=' + items[i].item_id + '&amp;b_i_id=' + items[i].id + '" title="click here to edit this item or modify the quantity">';
		html +=			items[i].quantity + ' x ' + items[i].title;

		if (items[i].booked_for) {
			html += '&nbsp;(' + items[i].booked_for + ')';
		}

		html += '</a></p><p class="subtotal">&pound;';
		html += new Number(items[i].sub_total).toFixed(2);
		html += '</p>';
		html += '</div>';
	}

	// add in the total 
	html += '<p class="basketTotal">Total : &pound;' + new Number(item_total.toFixed(2)) + '</p>';
	html += '<div class="clear"></div>';
	html += '<div class="basketBottom"></div>';

	// update the html
	$('.basketPanelInner').html(html);

	// show the panel (in case it was hidden)
	$('#basketPanel').slideDown();
	

	// scroll to it
	$('html:not(:animated),body:not(:animated)').animate({ scrollTop: $('#basketPanel').offset().top}, 500, function() {
		$('#basketPanelSpinner').hide();
	});

	// might want to change below to image or something

	// highlight the checkout link
	//$('#basketPanelCheckout').animate({color: '#e0a46e'}, 500);
	//$('#basketPanelCheckout').animate({color: '#CCCCCC'}, 2000);
}
//-->

