function reloadCart() {
    var image = $("#cart");
    var src = image.attr('src');
    image.attr('src', src);
}

function ClearCart() {
    PageMethods.Clear(onClearCartComplete);
}
function onClearCartComplete(result) {
    var str = RenderCartHtml(null);
    $("#sh_wr_wr").html(str);
    updateCardInfo(result);
}
function onCartInfoInitComplete(result) {
    $("#quantity").html(result["Quontity"]);
}
function AddToCart(itemId) {
    PageMethods.AddToCart(itemId, onAddToCardComplete);
}
function onAddToCardComplete(result) {
    reloadCart();
    updateCardInfo(result);
}
function RemoveItem(id) {
    PageMethods.RemoveCart(id, onRemoveItem);
}

function onRemoveItem(result) {
    updateCardInfo(result);
    PageMethods.GetProducts(onRemoveComplete);
}

function onRemoveComplete(result) {
    var str = RenderCartHtml(result);
    $("#sh_wr_wr").html(str);
}

function increaseQuantity(id) {
    PageMethods.IncreaseQuantity(id, onChangeQuantity);
}
function onChangeQuantity(result) {
    updateCardInfo(result);
    PageMethods.GetProducts(onRemoveComplete);
}

function decreaseQuantity(id) {
    PageMethods.DecreaseQuantity(id, onChangeQuantity);
}

function updateCardInfo(result) {
    $("#quantity").html(result["Quontity"]);
}
function RenderShopingCart() {
    PageMethods.GetProducts(onRenderShopingCartComplete);
}
function onRenderShopingCartComplete(result) {
    var str = RenderCartHtml(result);
    var realstr = "<div id=\"sh_wr_wr\">" + str + "</div>"
    $("#magic").html(realstr);
    $('#magic').togglePopup();
}
function Checkout() {
    PageMethods.GetProducts(onCheckoutComplete);
}
function onCheckoutComplete(result) {
    var str = "";
    str += "<form id=\"order_form\" action=http://www.romancart.com/cart.asp method=post><input type=hidden name=clearbasket value=yes>"
    for (var i = 0; i < result.length -1; i++) {
        if (i == 0) {
            var number = "";
            if (result[i].Number != null) {
                number = result[i].Number;
            }
            str += "<input type=hidden name=itemname value='" + number + " " + result[i].Name.replace("\"", "").replace("\"", "") + "'>";
            str += "<input type=hidden name=price  value='" + result[i].Price + "'>";
            str += "<input type=hidden name=storeid  value='" + 50566 + "'>";
            str += "<input type=hidden name=quantity  value='" + result[i].Quantity + "'>";
            str += "<input type=hidden name=include value=on>";
            str += "<input type=hidden name=fixedquantity value=yes>";
            str += "<input type=hidden name=mustbuy value=no>";
            str += "<input type=hidden name=shipping1 value='6'>";
            str += "<input type=hidden name=shippingsecond1 value='3'>";
           
        }
        else {
            var number = "";
            if (result[i].Number != null) {
                number = result[i].Number;
            }
            str += "<input type=hidden name=X" + i + "itemname value='" + number + " " + result[i].Name.replace("\"", "").replace("\"", "") + "'>";
            str += "<input type=hidden name=X" + i + "price  value='" + result[i].Price + "'>";
            str += "<input type=hidden name=X" + i + "storeid  value='" + 50566 + "'>";
            str += "<input type=hidden name=X" + i + "quantity  value='" + result[i].Quantity + "'>";
            str += "<input type=hidden name=X" + i + "include value=on>";
            str += "<input type=hidden name=X" + i + "fixedquantity value=yes>";
            str += "<input type=hidden name=X" + i + "mustbuy value=no>";
            str += "<input type=hidden name=X" + i + "shipping1 value=3>";
           
        }
    }
    str += "</form>"
    $("#for_form").html(str);
    $("#order_form").submit();
}

function RenderCartHtml(result) {
    var str = "<div id=\"pay\"><div id=\"sh_wr\">\
                <table id=\"sh_tbl\" cellpadding=\"0\" cellspacing=\"0\">\
                    <thead>\
                        <td width=\"135\">\
                            <b>Number</b>\
                        </td>\
                        <td width=\"560\" height=\"30\">\
                            <b>Product Name</b>\
                        </td>\
                        <td width=\"70\">\
                            <b>Quantity</b>\
                        </td>\
                        <td align='center'  width=\"100\">\
                            <b>Price</b>\
                        </td>\
                        <td width=\"50\">\
                            <b>Total</b>\
                        </td>\
                    </thead>";
    if (result != null) {
        var pr = 0;
        var sh = 0;
        if (result.length != 0) {
            sh = result[result.length - 1].Price;
        };
        for (var i = 0; i < result.length - 1; i++) {
            pr += result[i].Quantity * result[i].Price;
            str += "<tr id='" + result[i].Id + "'>";
            str += "<td height=\"30\">" + result[i].Number + "</td>" +
            "<td height=\"30\">" +
                result[i].Name;
            if (result[i].Name != "Shipping") { str += "<a href=\"#\" class=\"add_to_cart\" onclick=\"RemoveItem(" + result[i].Id + ")\" > (Remove) </a>" };
            str += "</td>" +
            "<td >"
               + result[i].Quantity + " <a href='#' class='add_to_cart' onclick='increaseQuantity(" + result[i].Id + ")'><b>+</b></a>" +
               "/ <a href='#' class='add_to_cart' onclick='decreaseQuantity(" + result[i].Id + ")'><b>-</b></a>" +
            "</td>" +
            "<td align=\"center\">$" +
                result[i].Price +
            "</td>" +
                "<td align=\"left\">$" +
               result[i].Quantity * result[i].Price +
            "</td>\
        </tr>"
        }
    }

    str += "   <tr>\
            <td colspan=\"5\">\
                &nbsp\
            </td>\
        </tr>\
        <tr>\
            <td colspan=\"5\">\
                <hr />\
            </td>\
        </tr>\
        <tr>\
            <td colspan=\"5\">\
                &nbsp\
            </td>\
        </tr>\
                <tr>\
            <td colspan=\"3\">\
            </td>\
            <td align=\"right\" >\
                <b>Subtotal &nbsp &nbsp </b>\
            </td>\
            <td align=\"left\">\
                <span id=\"sh_total\">";
    if (result != null) { str += "$" + (pr) }
    str +=
                "</span>\
            </td>\
        </tr>\
        <tr>\
         <tr>\
            <td colspan=\"3\">\
            </td>\
            <td align=\"right\">\
                <b>Shipping &nbsp  &nbsp   </b>\
            </td>\
            <td align=\"left\">\
                <span id=\"sh_total\">";
    if (result != null) { str += "$" + sh }
    str +=
                "</span>\
            </td>\
        </tr>\
         <tr>\
            <td colspan=\"3\">\
            </td>\
            <td align=\"right\">\
                <b>Total &nbsp  &nbsp   </b>\
            </td>\
            <td align=\"left\">\
                <span id=\"sh_total\">";
    if (result != null) { str += "$" + (pr + sh) }
    str +=
                "</span>\
            </td>\
        </tr>\
        <tr>\
            <td colspan=\"5\">\
                &nbsp\
            </td>\
        </tr>\
         <tr><td rowspan=\"5\" colspan=\"1\"><img src='images/payment_logo.png'/></td></tr>\
         <tr><td>&nbsp</td></tr>\
         <tr><td>&nbsp</td></tr>\
        <tr>\
            <td colspan=\"2\">\
                <a href=\"#\" class=\"add_to_cart\" onclick=\" $('#sh_cart').togglePopup();\" ><b class=\"sh_text\" >&nbsp &nbsp Continue Shopping</b></a>\
            </td>\
            <td colspan=\"2\" >\
                <a href=\"#\" class=\"add_to_cart\" onclick=\"Checkout()\" ><b class=\"sh_text\" >Checkout</b></a>\
            </td>\
        </tr>\
        <tr>\
            <td colspan=\"2\">\
                <a href=\"#\" class=\"add_to_cart\" onclick=\"ClearCart()\" ><b class=\"sh_text\">&nbsp &nbsp  Clear Cart</b></a>\
            </td>\
            <td colspan=\"2\" >\
               &nbsp\
            </td>\
        </tr>\
       </table> </div></div> ";
    return str;
}