$(document).ready(function ()
{
    $("#dvCartContent").html('<div style="text-align:center"><img src="./images/ajax-loader.gif" alt="" /></div>');
    //Populate the cart
    $.ajax({
        type: "POST",
        url: "ShowCart.aspx/ShowCartContent",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg)
        {
            $("#dvCartContent").html(msg);
        }
    });

    //Add product to cart
    $('#btnAddtoCart').click(function ()
    {
        $("#dvCartContent").html('<div style="text-align:center"><img src="./images/ajax-loader.gif" alt="" /></div>');
        var ProductToAdd = $('#hdProduct').val();

        $.ajax({
            type: "POST",
            url: "ShowCart.aspx/AddToCart",
            data: "{ProductName:'" + ProductToAdd + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg)
            {
                $("#dvCartContent").html(msg);
            }
        });

    });


});

function IncreaseItem(ItemName)
{
    $("#dvCartContent").html('<div style="text-align:center"><img src="./images/ajax-loader.gif" alt="" /></div>');
    $.ajax({
        type: "POST",
        url: "ShowCart.aspx/IncreaseItem",
        data: "{ItemName:'" + unescape(ItemName) + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg)
        {
            $("#dvCartContent").html(msg);
        }
    });
}

function DecreaseItem(ItemName)
{
    $("#dvCartContent").html('<div style="text-align:center"><img src="./images/ajax-loader.gif" alt="" /></div>');
    $.ajax({
        type: "POST",
        url: "ShowCart.aspx/DecreaseItem",
        data: "{ItemName:'" + unescape(ItemName) + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg)
        {
            $("#dvCartContent").html(msg);
        }
    });
}

function Checkout()
{
    $("#prices a").each(function(){
        window.open($(this).attr('href'));
    }
    );
}