$(document).ready(function () {
    //  example on dropdownlist: class="addbasket product_1 visitor_2"
    $('.ButtonToBasket').click(function (event) {
        event.preventDefault();
        event.stopPropagation();

        var clas = this.className.split(' ');

        var visitor = parseInt(clas[2].split('_')[1]);
        var amount = parseInt($(".dropList").val());
        var productID = parseInt(clas[1].split('_')[1]);
        ppp = parseFloat($("#uxpricefield").val());

        AddBasket(amount, ppp, productID, visitor);

        return false;
    });

    $('.ButtonToBasketNoAmount').click(function (event) {
        event.preventDefault();
        event.stopPropagation();

        var clas = this.className.split(' ');

        var visitor = parseInt(clas[2].split('_')[1]);
        var productID = parseInt(clas[3].split('_')[1]);
        var amount = parseInt(clas[4].split('_')[1]);

        var ppp = parseInt(clas[5].split('_')[1]);
        var ppp_dec = ppp / 100;

        AddBasket(amount, ppp_dec, productID, visitor);

        return false;
    });

    function AddBasket(quantity, priceperpiece, product, visitor) {

        var theData = "visitor=" + visitor + "&product=" + product + "&quantity=" + quantity + "&priceperpiece=" +
            (priceperpiece == undefined ? '' : priceperpiece) + "&add=1";

        $.ajax({
            type: "POST",
            url: (location.href.indexOf('localhost') > -1 ? "/tristar_2010" : "") + "/service/AddBasket.ashx",
            data: theData,
            success: function (returnObj) {
                $('#price_' + product).text(returnObj.ItemPrice);
                $('#totalprice').text(returnObj.TotalPrice);
                $('#totalquantity').text(returnObj.Quantity);
                //alert($('#uxShopButBlue'));

                if (returnObj.ExtraItemDeleted != 0) {
//                    var deleteNode = $('#price_' + returnObj.ExtraItemDeleted);
//                    alert(deleteNode.val());
//                    deleteNode.parentNode.parentNode.remove()
//                    ReZebra();
                    window.location.reload()
                }

                if (returnObj.Quantity > 0) {
                    $('#uxShopButBlue').addClass('hidden');
                    $('#uxShopButGreen').removeClass('hidden');
                    $('#uxShopButGreen2').removeClass('hidden');

                }
                else {
                    $('#uxShopButGreen').addClass('hidden');
                    $('#uxShopButGreen2').addClass('hidden');
                    $('#uxShopButBlue').removeClass('hidden');
                }
            }
        });
        return false;
    }
});