$(document).ready(function(){
$('a.add-to-basket-link').bind('click', addToBasket);
$('a.removeItem-link').bind('click', updateBasket);
});
function addToBasket(eventObject) {
/*$(this).parent(".basket-add-link-container").fadeOut('normal', showStatusContainer($(this)));*/
$(this).parent('.basket-add-link-container').css('display', 'none');
showStatusContainer($(this));
return false;
}
function showStatusContainer(source) {
var parent = source.parent(".basket-add-link-container");
var parentSibling = parent.siblings(".loading");
parentSibling.fadeIn('normal', doAddToBasket(source));
}
function refreshBasket(data) {
var response = eval(data);
$('#item-count').text(response.itemCount);
}
function doAddToBasket(source) {
var parent = source.parent(".basket-add-link-container");
var url = source.attr("href");
jQuery.post(url, {async : true}, function(e) {
refreshBasket(e);
hideAndShowStatus(parent, '.added', '.loading');
});
}
function hideAndShowStatus(parent, siblingToShow, siblingToHide) {
/*var parentSibling = parent.siblings(".item_status");*/
parent.siblings(siblingToHide).fadeOut('normal', function() {
parent.siblings(siblingToShow).fadeIn('normal');
});
}
function updateBasketManual(link, update) {
var eventObject = {link : link, update : update};
var returnVal = updateBasket(eventObject);
return returnVal;
}
function updateBasket(eventObject) {
var paymentMethod = $("input[name=paymentMethod]:radio:checked").val();
var parent = $(this).parent('.chkt_rembutton');
parent.fadeOut('normal', function() {
parent.siblings('.loading').fadeIn('normal');
});
var link = eventObject.currentTarget.href;
jQuery.ajax({
type: "POST",
url: link,
data: {'async' : true, 'paymentMethod' : paymentMethod},
success: refreshBasket
});
return false;
}
function refreshBasket(data) {
var response = eval(data);
$('#item-count').text(response.itemCount);
if (response.itemCount > 0) {
$('.item-' + response.removeRow).remove();
$('#basket-total').text(response.basketTotal.amount + ' ' + response.basketTotal.currency.currencyCode);
}
else {
$('.content_column').html("<div id=\"no_items_info\">You have no items in your basket.</div>");
}
}
function showBasket() {
$('#basket-body').fadeIn('slow');
}