$(document).ready(function () {
    $(".addProduct").click(function (e) {
        e.preventDefault();
        $.cursorMessage('Adding product to cart...');
        var data = $(this).metadata();

        var buttonClicked = $(this);
        buttonClicked.hide();
        $(this).before("<img src='/App_Themes/Ryness/images/ajax-loader.gif' class='loading' />");

        var productX = $(".productAddToBasket" + data.productId).offset().left;
        var productY = $(".productAddToBasket" + data.productId).offset().top;
        var basketEl = $(".your_basket_text_icon");

        var basketX = basketEl.offset().left;
        var basketY = basketEl.offset().top;

        var gotoX = basketX - productX;
        var gotoY = basketY - productY;
        var newImageWidth = $(".productAddToBasket" + data.productId).width() / 3;
        var newImageHeight = $(".productAddToBasket" + data.productId).height() / 3;

        $(".productAddToBasket" + data.productId)
            .clone()
            .prependTo(".productAddToBasket" + data.productId)
            .css({ 'position': 'absolute' })
            .animate({ opacity: 0.001, marginLeft: gotoX, marginTop: gotoY, width: 1, height: 1 }, 600, function () { //leave duartion as 600 - Chrome didn't like less
                $(this).remove();

                //  get qty and weight fields if we're on product page
                var qtyBox = $(".item-qty");
                var wgtBox = $(".item-weight");
                $.getJSON('../../CartWebHandler.ashx?productId=' + data.productId,
                    function (data) {
                        insertCallback(data, buttonClicked);
                    });
            });
    });
});

function insertCallback(result, buttonClicked) {
    if (result.RedirectTo != undefined && result.RedirectTo != '') {
        window.location.replace(result.RedirectTo);
        return;
    }
    $.cursorMessage('Product has been added to your cart.');
    var items = 'items';
    if (result.Quantity == '1')
        items = 'item';
    $(".your_basket_text02 a").html(result.Quantity + " " + items + " : " + result.Price);

    buttonClicked.show();
    
    var p = buttonClicked.parent();

    $(p).find('img.loading').remove();
}