$(document).ready(function() {

	$('input.qty').ghostText();
	
	$('.product .submit').bind("click", addToBasket);
});

function addToBasket() {

	var par = $(this).parent();
	var parPar = par.parent('td');
	var item = par.find('input[name=item]');
	var qty = par.find('input[name=qty]');
	
	var form = parPar.html();
	
	parPar.html("<img src=\""+REL_ROOT+"images/ajax-loader.gif\" class=\"ajaxloader\" style=\"width:16px;height:16px;margin:2px 0 2px 70px;\" />");
	
	$.ajax({
		'type'     : 'POST',
		'url'      : REL_ROOT+'ssi/bin/add.ajax.php',
		'data'     : 'item='+item.val()+'&qty='+qty.val(),
		'success'  : function(msg) {
	
	
			// update floating basket
			var info = msg.split("-");
			
			$('#basket_prev_items').html(info[1]);
			$('#basket_prev_total').html(info[0]);
	
			// UX touch alerting user basket has been updated
			setTimeout(function() {
				parPar.html("<span id=\"newAdd\">Basket Updated</span>");
				
				setTimeout(function() {
					
					parPar.find('#newAdd').fadeOut(500, function() {
					
						parPar.find('.ajaxloader').hide();
						parPar.html(form);
						
						// bind function to new element
						parPar.find('.submit').bind("click", addToBasket);
						
					});
					
				}, 500);
	
			}, 500);
		}
	});
	
	return false;
}