$(".productPriceWrapRight a img").click(function(e) { if(busy){ e.preventDefault(); return; } busy = true; var productIDValSplitter = (this.id).split("_"); var productIDVal = productIDValSplitter[1]; var productX = $("#productImageWrapID_" + productIDVal).offset().left; var productY = $("#productImageWrapID_" + productIDVal).offset().top; if( $("#productID_" + productIDVal).length > 0){ var basketX = $("#productID_" + productIDVal).offset().left; var basketY = $("#productID_" + productIDVal).offset().top; } else { var basketX = $("#basketTitleWrap").offset().left; var basketY = $("#basketTitleWrap").offset().top; } var gotoX = basketX - productX; var gotoY = basketY - productY; var newImageWidth = $("#productImageWrapID_" + productIDVal).width() / 3; var newImageHeight = $("#productImageWrapID_" + productIDVal).height() / 3; $("#productImageWrapID_" + productIDVal + " img") .clone() .prependTo("#productImageWrapID_" + productIDVal) .css({'position' : 'absolute'}) .animate({opacity: 0.4}, 100 ) .animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() { $(this).remove(); $("#notificationsLoader").html('<img src="images/loader.gif">'); $.ajax({ type: "POST", url: "lib/php/functions.php", data: { productID: productIDVal, action: "addToBasket"}, success: function(theResponse) { if( $("#productID_" + productIDVal).length > 0){ $("#productID_" + productIDVal).animate({ opacity: 0 }, 500); $("#productID_" + productIDVal).before(theResponse).remove(); $("#productID_" + productIDVal).animate({ opacity: 0 }, 500); $("#productID_" + productIDVal).animate({ opacity: 1 }, 500); $("#notificationsLoader").empty(); } else { $("#basketItemsWrap li:first").before(theResponse); $("#basketItemsWrap li:first").hide(); $("#basketItemsWrap li:first").show("slow"); $("#notificationsLoader").empty(); } } }); }); busy = false; });