﻿
var AjaxTemplate = {
    createProductid: function (id1) {
        var id = id1;
        var queryString = { productQueryId: id };
        return queryString;
    },

    createProductMessage: function (proudctVariantId1, productMessage1, Quantity1) {
        var queryString = { productVariantIdAttr: proudctVariantId1, productAttributeMessage: productMessage1, Quantity: Quantity1 };
        return queryString;
    },

    createQueryString: function (pvId) {
        pvId = encodeURIComponent(pvId);
        var queryString = { productVariantId: pvId };
        return queryString;
    },

    createMessage: function () {
        var id1 = "", id2 = "", id3 = "";
        var queryString = { productQueryId: id1, productVariantId: id2, productId: id3 };
        return queryString;
    },

    showShoppingCart: function (data) {
        //alert(data);
        var dataProduct = decodeURIComponent(data).toString();
        dataProduct = dataProduct + ""; //转换成字符串

        //加上这句话 出现《Microsoft JScript 运行时错误: 对象不支持此属性或方法》错误 
        //dataProduct = dataProduct.substring(0, dataProduct.indexOf("<!DOCTYPE", 0)).trim(); //ajax传输问题... 在此处去掉多余的html

        var strItem = new Array();
        var str = new Array();
        strItem = dataProduct.split("<!>"); //每个商品之间用 <!> 分割
        $(".itemsClmn").empty(); //清空一起的div
        var num, allMoney = 0;
        for (var i = 0; i < strItem.length - 1; i++) {
            str = strItem[i].toString().split("|"); //商品的各个属性用 | 号隔开
            allMoney = allMoney + parseInt(str[3].toString()) * parseFloat(str[2].toString()); //计算商品的总价格 
            var send = "<div class='item false'><a href=" + str[5] + "><img class=thumb width='90' height='115' src=" + str[1] + " /></a> <div class='detail'> <p class='price'><span class='price'> " + str[6] + str[2] + "</span></p><p class='title'>" + str[0] + "</p><p class='quantity'>Qty " + str[3] + "</p></div></div> ";
            send = send + "<p><a onclick='AjaxTemplate.delProduct(" + str[4] + ")' class='replace remove'  href='#'><span></span></a></p>"; //删除按钮
            $(".itemsClmn").append(send); //显示各个商品
        }
        num = strItem.length - 1;

        

        //总额保留两位有效数字
        var ws = Math.pow(10, 2);
        allMoney = Math.round(allMoney * ws) / ws;

        if (allMoney != 0) {
            $("#MiniShoppingShow").html("FREE PROJECT BAG " + num + " items " + str[6] + String(allMoney)); //显示 商品的个数和价格
        }
        else {
            $("#MiniShoppingShow").html("FREE PROJECT BAG " + num + " items ");
        }
        $("#totalMoney").html(str[6] + allMoney); //显示总价格



        if (num == 1) {
            $('#miniBasket .prev').css({ "display": "none" });
            $('#miniBasket .next').css({ "display": "none" });
            $('#miniBasket .full.body .items').css({ "height": "150px" });
        }

        if (num == 2) {
            $('#miniBasket .prev').css({ "display": "none" });
            $('#miniBasket .next').css({ "display": "none" });
            $('#miniBasket .full.body .items').css({ "height": "280px" });
        }
        if (num == 3) {
            $('#miniBasket .prev').css({ "display": "none" });
            $('#miniBasket .next').css({ "display": "none" });
            $('#miniBasket .full.body .items').css({ "height": "411px" });
        }
        if (num > 3) {
            $('#miniBasket .prev').css({ "display": "block" });
            $('#miniBasket .next').css({ "display": "block" });
        }

        if (num == 0) {
            $('#miniBasket .full').hide();
            $('#miniBasket .empty').show();
        }
        else {
            $('#miniBasket .empty').hide();
            $('#miniBasket .full').show();
        }


    },

    //初始化购物车 
    InitializationCart: function () {
        jQuery.ajax({
            url: "/AddonsByOsShop/AjaxPages/getMiniShoppingInfo.aspx?" + new Date().getTime(),
            type: "Get",
            data: this.createMessage(),
            success: function (data, statue) {
                AjaxTemplate.showShoppingCart(data);
            }
        });
    },

    //删除商品
    delProduct: function (id) {
        var productVariantId = id;
        jQuery.ajax({
            url: "/AddonsByOsShop/AjaxPages/getMiniShoppingInfo.aspx?" + new Date().getTime(),
            type: "Get",
            data: this.createProductid(productVariantId),
            success: function (data, statue) {
                AjaxTemplate.showShoppingCart(data);
            }
        });

    },

    //添加商品列表
    getProductMessage: function (proudctVariantId, attributeMessage, Quantity) {

        jQuery.ajax({
            url: "/AddonsByOsShop/AjaxPages/getMiniShoppingInfo.aspx?" + new Date().getTime(), //加入时间 url欺骗 重新运行ajax
            type: "Get",
            data: this.createProductMessage(proudctVariantId, attributeMessage, Quantity),
            success: function (data, statue) {
                AjaxTemplate.showShoppingCart(data);
                mini_basket_holder.maximizeBasket(true); //点击添加商品时，自动弹出购物车               
            }

        });

    },

    //获取内容
    getPageContent: function (proudctVariantId) {
        jQuery.ajax({
            url: "/AddonsByOsShop/AjaxPages/getMiniShoppingInfo.aspx?" + new Date().getTime(), //加入时间 url欺骗 重新运行ajax
            type: "Get",
            data: this.createQueryString(proudctVariantId),
            success: function (data, statue) {
                AjaxTemplate.showShoppingCart(data);

                mini_basket_holder.maximizeBasket(true); //点击添加商品时，自动弹出购物车               
            }

        });
    }
};


