function addProduct(productid, minimalQuantity) {
    var loader = new ajaxLoader({
        delay: 800,
        startAction: function () {
            var origWidth = $("#AddProductLoader").width();
            $("#AddProductLoader").css("width", "0px").show().animate({ width: origWidth }, "fast");
        },
        stopAction: function () { $("#AddProductLoader").stop(true, true).hide(); }
    });
    loader.start();

    var quantity = $("#amount").val();

    if (quantity < minimalQuantity) {
            $("#ProductPopupQuanityMessage").css("visibility", "visible");
            $("#amount").val(minimalQuantity);
            return false;
        }
        
    var consumername = $("#consumername").val();
    if (consumername.length > 1000) {
        alert("Maximaal 1000 karakters toegestaan voor veld \"Voor wie?\"");
        return false;
    }

    var remarks = $("#remarks").val();
    if (remarks.length > 1000) {
        alert("Maximaal 1000 karakters toegestaan voor veld \"Opmerking\"");
        return false;
    }

    var variation = $("input[name=variation]:checked").val();
    var extras = "";
    $("input[name=extraItems]:checked").each(function() {
        extras = extras + $(this).val() + ";";
    });

    var url = "BasketAction.aspx?";
    
    var data = "action=add";
    data = data + "&productid=" + productid;
    data = data + "&variation=" + variation;
    data = data + "&extras=" + extras;
    data = data + "&consumername=" + consumername;
    data = data + "&remarks=" + remarks;
    data = data + "&quantity=" + quantity;

    $.ajax({
        type: "POST",
        url: "BasketAction.aspx",
        data: data,
        success: function (response) {
            $("div#BasketContent").html(response);
            UpdateBasketState();
            loader.stop();
            return false;
        }
    });
    return false;
}

function removeCartItem(element, orderLineId) {
    var loader = new ajaxLoader({
        delay: 0,
        startAction: function () {            
            $(element).hide();
            $(element).parent().children(".ItemDeleteLoader").show();    
        }
    });
    loader.start();
    
    var url = "BasketAction.aspx?action=delete";
    url = url + "&orderlineid=" + orderLineId;

    $.get(url, function (response) {
        loader.stop();
        $("div#BasketContent").html(response);        
        UpdateBasketState();        
        return false;
    });
    return false;
}