var processProdPkg = [];
var processProdItems = [];
var maxAmount = 10;
var minAmount = 1;
var newAmount = 0;
var verifiedAmount = 0;
var saleLimitAmount = 0;
var originAmount = 0;
var qty = 0;

$(document).ready(function () {
    // 載入商品頁加購區
    var mainProdID = $('#mainProdID').val();
    var viewPage = $('#viewPage').val();
    var liID = $('#liId').val();
    var device = $('#device').val();
    var source_var = mainProdID+'-'+viewPage+'-'+device
    var type = $('#type').val();
    
    $.ajax({
        type: 'GET',
        dataType: 'text',
        url: '//www.books.com.tw/product_show/getAdditionalBuyProduct/' + source_var + '/updateInfo',
        success: function (response) {
            if (device == 'P') {
                $('#'+liID+' .select-product').after(response);
            } else {
                $('#'+liID+' .product-list').html(response);
            }
            
            // 顯示看更多加購品按鈕
            var initLimit = $('#initLimit').val();
            var prodsAmount = $('#prodsAmount').val();
            if (parseInt(prodsAmount) > parseInt(initLimit)) {
                // 寬版商品頁
                if (type == 'wide'){
                    $('#'+liID+' .u-more').show();
                } else {
                    $('#'+liID+' .more').show();
                }
            } else {
                // 寬版商品頁
                if (type == 'wide'){
                    $('#'+liID+' .u-more').hide();
                } else {
                    $('#'+liID+' .more').hide();
                }
            }
            // 變更商品頁放入購物車按鈕行為
            changeCartBtn();
        },
        error: function (thrownError) {
            console.log(thrownError);
        }
    });
});

// 變更商品頁放入購物車按鈕行為
function changeCartBtn() {
    mainCartBtn = $('#mainCartBtn').val();
    //console.log(mainCartBtn);
    //mainCartBtn = 0 不可賣不改變按鈕
    if (mainCartBtn > 0) {
        mainProdCategory = $('#mainProdCategory').val();
        deviceType = $('#device').val();
        var type = $('#type').val();
        // 加入購物車按鈕
        if ((mainProdCategory === 'N00' || mainProdCategory === 'N01') && (deviceType === 'P')) {
            // 百貨使用
            btnCartID = $('.btn_newshoppcart');
        } else {
            // 非百貨使用
            btnCartID = $('#cartBuy');
        }

        // 直接購買按鈕
        if (deviceType === 'P') {
            if ((mainProdCategory === 'N00' || mainProdCategory === 'N01')) {
                btnDirectBuyID = $('.btn_neweasycart');
            } else {
                // 寬版商品頁直接購買按鈕
                if (type == 'wide'){
                    btnDirectBuyID = $('.bui-btn-01.btn-02.line.color-4');
                } else {
                    btnDirectBuyID = $('.type02_btn07');
                }
            }
        }
        // 直接購買按鈕
        if (deviceType === 'M') {
            btnDirectBuyID = $('li.easycart a,a.easycart');
        }        
        // 如果沒有找到加入購物車按鈕或直接購買按鈕
        if (deviceType === 'P') {
            if ((btnCartID.attr('onclick') === undefined) || (btnDirectBuyID.attr('onclick') === undefined)) {
                return setTimeout(changeCartBtn, 500);
            }
        } else if (deviceType === 'M') {
            if (btnCartID.attr('onclick') === undefined) {
                return setTimeout(changeCartBtn, 500);
            }
            if(btnDirectBuyID.length>0 && (btnDirectBuyID.attr('onclick') === undefined)){
                return setTimeout(changeCartBtn, 500);
            }            
        }

        // 改變加入購物車按鈕
        if (mainCartBtn & 1) {
            btnCartID.removeAttr('onclick').removeAttr('href').attr('onclick', 'addCart(false)');
        }
        
        // 改變直接購買按鈕
        // if (deviceType === 'P' && (mainCartBtn & 2)) {
        if (mainCartBtn & 2) {
            btnDirectBuyID.removeAttr('onclick').removeAttr('href').attr('onclick', 'addCart(true)');
        }
    }
}

// 選購按鈕
function doAddProduct(prodID) {
    // 檢查購買數量
    verifiedAmount = verifyAmount(prodID);

    // 如果購買數量和限購數量都不是數字
    if (verifiedAmount === false) {
        verifiedAmount = 1;
    }

    if ($('.addProduct_'+prodID).html() === '選購') {
        changeCartInfo('add', prodID, verifiedAmount, false);
    } else {
        changeCartInfo('remove', prodID, 0, false);
    }
}

// 手動輸入數量時的處理
function keyupChange(event, prodID) {
    $('.qty_'+prodID).val(event.value);
}

// 增加數量按鈕與手動輸入
function doPlus(prodID, keyup) {
    localMaxAmount = maxAmount;
    qtyElement = $('.qty_' + prodID);
    saleLimitAmount = parseInt($('.saleLimit_'+prodID).val());
    originAmount = parseInt(qtyElement.val());

    // 檢查數量是不是數字，同時不能小於0
    if (isNaN(originAmount) || originAmount < 0) {
        newAmount = 1;
    } else if (keyup === true) {
        newAmount = originAmount;
    } else {
        newAmount = 1 + originAmount;
    }

    // 如果有限量數量
    if (saleLimitAmount !== 0 && isNaN(saleLimitAmount) === false) {
        localMaxAmount = saleLimitAmount;
    }

    if (newAmount >= localMaxAmount && maxAmount !== 0) {
        newAmount = localMaxAmount;
        qtyElement.siblings('.plus').addClass('disabled');
    } else {
        qtyElement.siblings('.plus').removeClass('disabled');
    }

    if (newAmount > 1) {
        qtyElement.siblings('.minus').removeClass('disabled');
    } else {
        qtyElement.siblings('.minus').addClass('disabled');
    }

    qtyElement.val(newAmount).attr('value', newAmount);
    changeCartInfo('add', prodID, newAmount, true);
}

// 減少數量
function doMinus(prodID) {
    qtyElement = $('.qty_' + prodID);
    originAmount = parseInt(qtyElement.val());

    // 檢查數量是不是數字
    if (isNaN(originAmount)) {
        newAmount = 1;
    } else {
        newAmount = originAmount - 1;
    }

    qtyElement.siblings('.plus').removeClass('disabled');
    if (newAmount <= minAmount) {
        newAmount = minAmount;
        qtyElement.siblings('.minus').addClass('disabled');
    } else {
        qtyElement.siblings('.minus').removeClass('disabled');
    }

    qtyElement.val(newAmount).attr('value', newAmount);
    changeCartInfo('remove', prodID, newAmount, true);
}

// 檢查購買數量和限購數量
function verifyAmount(prodID) {
    qtyElement = $('.qty_' + prodID).val();
    saleLimitAmountElement = $('.saleLimit_' + prodID).val();

    // 轉換成數字
    qty = parseInt(qtyElement);
    saleLimitAmount = parseInt(saleLimitAmountElement);

    // 如果購買數量或限購數量不是數字，回傳1
    if (isNaN(qty) || isNaN(saleLimitAmount)) {
        qty = 1;
        // return false;
    }
    
    // 購買數量和限購數量都是數字才進行後續的檢查
    // 如果小於1，就設定為1
    if (qty < minAmount) {
        qty = minAmount;
    }

    // 如果大於10，就設定為10
    if (qty > maxAmount) {
        qty = maxAmount;
    }

    // 如果有限量，則數量不可以超過限量數量
    if (saleLimitAmount !== 0 && isNaN(saleLimitAmount) === false) {
        if (qty > saleLimitAmount) {
            qty = saleLimitAmount;
        }
    }

    return qty;
}

// 顯示明細按鈕
$('.toggle-btn').click(function () {
    $(this).toggleClass('toggle-btn toggle-btn slide-up');
    if (processProdItems.length > 0) {
        $('.select-product-list').toggle();
        if (processProdItems.length > 6) {
            $('.selectProductBtnRight').toggle();
            $('.selectProductBtnLeft').toggle();
        }
    } else {
        $('.select-product-list-zero').toggle();
    }
});

// 檢查要選購的商品是否已經存在陣列中
function checkProdsArray(pkgID, prodID) {
    // 先確定是否有pkgID
    chkPKGRes = chkPKGinProdArray(pkgID);
    if (chkPKGRes !== -1) {
        // 接著檢查prodID
        return $.map(processProdItems, function (addItems) {
            return addItems.item;
        }).indexOf(prodID);
    } else {
        processProdPkg.push({'pkgID': pkgID});
        return -1;
    }
}

// 檢查 PKG ID 是否存在 processProdItems 陣列中
function chkPKGinProdArray(pkgID) {
    return $.map(processProdItems, function(chkPKGinProd) {
        return chkPKGinProd.pkgID;
    }).indexOf(pkgID);
}

// 檢查 PKG ID 是否存在購買陣列中
function chkPKGArray(pkgID) {
    return $.map(processProdPkg, function(chkPKG) {
        return chkPKG.pkgID;
    }).indexOf(pkgID);
}

// 選購和取消選購動作處理
function changeCartInfo(processType, prodID, verifiedAmount, changeAmount) {
    var pkgID = $('#pkg_'+prodID).val();
    var checkProdInTempCart = checkProdsArray(pkgID, prodID);
    var totalBuyItemsAmount = 0;
    var product_type = $('#type').val();

    if (processType === 'add') {
        // 如果不存在，就新增
        if (checkProdInTempCart === -1 && prodID !== undefined) {
            processProdItems.push({'item': prodID, 'qty': verifiedAmount, 'pkgID': pkgID});

            $(".itemDiv_" + prodID).addClass('choose');
            processQty = $('.qty_' + prodID);
            processQty.val(verifiedAmount);
            if (product_type == 'wide'){
                processQty.parent('.u-select-quantity').siblings('.addProduct').html('已選購');
            } else {
                processQty.parent('.select-quantity').siblings('.addProduct').html('已選購');
            }
            
        }

        // 如果已經存在，而且是變更數量
        if (checkProdInTempCart !== -1 && changeAmount === true) {
            processProdItems[checkProdInTempCart]['qty'] = verifiedAmount;
        }

        // 選購商品大於6項就顯示左右滑動按鈕
        if (processProdItems.length > 6 && ($('.buyMessage').next().attr('class') === 'toggle-btn slide-up')) {
            $('.selectProductBtnRight').toggle();
            $('.selectProductBtnLeft').toggle();
        }
    }

    if (processType === 'remove') {
        if (checkProdInTempCart !== -1) {
            // 如果不是變更數量，就移除
            if (changeAmount === false) {
                processProdItems.splice(checkProdInTempCart, 1);
                $(".itemDiv_" + prodID).removeClass('choose');
                processQty = $('.qty_' + prodID);
                if (product_type == 'wide'){
                    processQty.parent('.u-select-quantity').siblings('.addProduct').html('選購');
                } else {
                    processQty.parent('.select-quantity').siblings('.addProduct').html('選購');
                }
                

                // 檢查目前PKG是否還有購買的商品
                checkPKGinProdItems = chkPKGinProdArray(pkgID);
                if (checkPKGinProdItems === -1) {
                    checkPKG = chkPKGArray(pkgID);
                    if (checkPKG !== -1) {
                        processProdPkg.splice(checkPKG, 1);
                    }
                }
            }

            // 如果是變更數量
            if (changeAmount === true) {
                processProdItems[checkProdInTempCart]['qty'] = verifiedAmount;
            }
        }
    }

    if (processProdItems.length > 0) {
        processProdItems.forEach(function(element) {
            totalBuyItemsAmount += element.qty;
        });

        $('.buyMessage').html('<p>已選購<span>' + totalBuyItemsAmount + '</span>件加購品</p>');
        
        if ($('#device').val() === 'P') {
            $('.buyListMessage').html('已選購<em>' + totalBuyItemsAmount + '</em>件加購品');
        }

        // 選購商品小於7項就隱藏左右滑動按鈕
        if (processProdItems.length < 7) {
            $('.selectProductBtnRight').hide();
            $('.selectProductBtnLeft').hide();
        }

        $('.select-product-list-zero').hide();
    } else {
        $('.buyMessage').html('(未選購加購品)');
        if ($('#device').val() === 'P') {
            $('.buyListMessage').html('已選購<em>0</em>件加購品');
        }
        $('.select-product-list').hide();
        $('.selectProductBtnRight').hide();
        $('.selectProductBtnLeft').hide();
    }
    
    if (verifiedAmount === 0) {
        qtyElement = $('.qty_' + prodID);
        qtyElement.val(1).attr('value', 1);
        qtyElement.siblings('.plus').removeClass('disabled');
        qtyElement.siblings('.minus').addClass('disabled');
    }
    
    genProductListBar();
}

// 產生明細列表
function genProductListBar() {
    var itemContent = '';
    var baseElement = $('#itemList');
    baseElement.children('.item').remove();

    for (i = 0; i < processProdItems.length; i++) {
        prodID = processProdItems[i]['item'];
        buyAmount = processProdItems[i]['qty'];
        buyPicUri = filterXSS($('.buyPic_' + prodID).val());
        buyPicx2Uri = filterXSS($('.buyPic_x2_' + prodID).val());
        prodName = filterXSS($('.prodName_' + prodID).text());

        itemContent += '<li class="item"><div class="item-wrap">';
        itemContent += '<a href="javascript:void(0);"><i class="item-del" title="移除此商品" onclick="';
        itemContent += "removeItem('"+prodID+"')";
        itemContent += '"></i></a>';
        itemContent += '<img src="' + buyPicUri + '" alt="' + prodName + '" srcSet="' + buyPicx2Uri + ' 2x">';
        itemContent += '<p class="num">數量 : <span>' + buyAmount + '</span></p>';
        itemContent += '</div></li>';
    }
    baseElement.append(itemContent);
}

// 從明細列表中刪除品項
function removeItem(prodID) {
    changeCartInfo('remove', prodID, 0, false);
}

// 顯示加購商品列表
function showMore() {
    poploading('on');
    var mainCartBtn = $('#mainCartBtn').val();
    var mainProdID = $('#mainProdID').val();
    var initLimit = parseInt($('#initLimit').val());
    var prodsAmount = parseInt($('#prodsAmount').val());
    var device = $('#device').val();
    var ajaxTemplate = '';
    var totalBuyItemsAmount = 0;
    var type = $('#type').val();
    if (type == 'wide'){
        // 寬版商品頁
        device = device + '_' + type;
    }
    
    if (device === 'M'){
        //針對iphone手機處理，因iphone手機打開遮罩後，滑動遮罩時也會滑到商品頁
        //所以打開遮罩的時候，將商品頁的scroll bar隱藏，才不會滑動遮罩時一併滑動到商品頁
        B.page.disablePageScroll();
    }

    // 隱藏回到最上面的按鈕
    $('.mt_001').css('z-index', '1').hide();
    
    $.ajax({
        type: 'GET',
        dataType: 'HTML',
        url: '//www.books.com.tw/product_show/ajaxAdditionalBuyProductList/' + mainProdID + '/showMore' + device,
        success: function (response) {
            ajaxTemplate = response;

            // 遮罩區塊
            //showMoreBlock = $('#showMoreBlock');
            //showMoreBlock.show();

            // 顯示加購品列表區塊
            showMoreDetail = $('#showMoreDetail');
            // 設定顯示加購品列表區塊大小與位置
            if (device === 'P') {
                _popWinWidth = '1000px';
            } else {
                _popWinWidth = $(window).width()
            }
            showMoreDetail.css({'width': _popWinWidth, 'height': $(window).height(), 'top': $(document).scrollTop()});
            showMoreDetail.html(ajaxTemplate);
            if (type == 'wide'){
                // 寬版商品頁
                $('.ajax-product-list').html($('.u-mb-32.module-031').html());
            } else {
                $('.ajax-product-list').html($('.additionalProds').html());
            }

            $('.title').hide();
            // 顯示所有加購商品
            for (i=initLimit ; i < prodsAmount ; i++) {
                $(".itemDivSerial_" + i).show();
                if ($('#device').val() === 'P') {
                    $(".productList_" + i).show();
                }
            }
            // 全部處理完畢顯示加購商品列表區塊
            poploading('off');
            showMoreDetail.show();

            if (device === 'P' || type == 'wide') {
                processProdItems.forEach(function (element) {
                    totalBuyItemsAmount += element.qty;
                });
                // 隱藏浮動選單
                $('.type04_header .header_box1').hide();
                // 顯示加購數量
                $('.buyListMessage').html('已選購<em>' + totalBuyItemsAmount + '</em>件加購品');
                // 調整加購品列表遮罩頁寬度
                //$('.grid_24').css('width', '900px');
                // 移除加購列表會重複的ID
                $('.slimScrollDiv #selectProductListDiv').removeAttr('id');

                mainProdCatgory = $('#mainProdCategory').val();
                if (mainProdCatgory === 'N00' || mainProdCatgory === 'N01') {
                    // 百貨原本的grid是20，要移除他讓他滿版
                    $('.ajax-product-list').children('div').removeClass();

                    $('.type01_m029 .product-list').css('border-top-style','solid');
                }
            }
            // 隱藏顯示明細區塊
            $('.select-product').hide();
            // 隱藏顯示看更多加購推薦區塊
            if (type == 'wide'){
                $('.u-more.right.line').hide();
                // (寬)隱藏加購推薦標題
                $('.u-panel-title.title01').hide();
            } else {
                $('.more').hide();
            }
            
            // 隱藏掉原框架的加入購物車按鈕區塊
            //$('.ms_001').css('z-index', '');
            $('.ms_001').hide();
            $(document.body).css('overflow-y', 'hidden');
            // 隱藏回到最上面的按鈕
            $('.back-to-top').hide();
            $('.back-to-top .icon-up-1').hide();
            // 改變加入購物車按鈕
            if (mainCartBtn & 1) {
                $('#pkgAddCart').show();
            }
        }
    });
}

// 關閉加購品列表
function closeShowMore() {
    var initLimit = parseInt($('#initLimit').val());
    var prodsAmount = parseInt($('#prodsAmount').val());
    var device = $('#device').val();
    var type = $('#type').val(); 

    $('.title').show();

    // 顯示浮動選單
    if (device === 'P') {
        $('.type04_header .header_box1').show();
        $('.grid_24').css('width', '950px');

        mainProdCatgory = $('#mainProdCategory').val();
        if (mainProdCatgory === 'N00' || mainProdCatgory === 'N01') {
            // 將實線換回需線
            $('.type01_m029 .product-list').css('border-top-style', 'dashed');
        }
    }
    
    // 顯示明細區塊
    $('.select-product').show();
    // (寬)顯示加購推薦標題
    $('.u-panel-title.title01').show();
    // 顯示看更多加購推薦區塊
    if (parseInt(prodsAmount) > parseInt(initLimit)) {
        if (type == 'wide'){
            $('.u-more.right.line').show();
        } else {
            $('.more').show();
        }        
    } else {
        if (type == 'wide'){
            $('.u-more.right.line').hide();
        } else {
            $('.more').hide();
        }
    }
    // 顯示加入購物車按鈕區塊
    //$('.ms_001').css('z-index', '9999');
    $('.ms_001').show();
    $(document.body).css('overflow-y', '');
    // 顯示回到最上面的按鈕
    $('.mt_001').css('z-index', '999').show();

    // 回復初始顯示加購商品的數量
    for (i = initLimit; i < prodsAmount; i++) {
        $(".itemDivSerial_" + i).hide();
        if ($('#device').val() === 'P') {
            $(".productList_" + i).hide();
        }
    }
    
    if (device === 'M'){
        //打開商品頁scroll bar
        B.page.enablePageScroll();
    }
    
    // 隱藏加購推薦列表區塊
    //$('#showMoreBlock').hide();
    $('#showMoreDetail').hide();
}

// 顯示加購商品頁
function showProduct(prodID) {
    poploading('on');
    var pkgID = $('#pkg_'+prodID).val();
    var device = $('#device').val();
    var ajaxTemplate = '';
    var type = $('#type').val(); 
    
    if (device === 'M'){
        //針對iphone手機處理，因iphone手機打開遮罩後，滑動遮罩時也會滑到商品頁
        //所以打開遮罩的時候，將商品頁的scroll bar隱藏，才不會滑動遮罩時一併滑動到商品頁
        B.page.disablePageScroll();
    }
    
    // 寬版商品頁
    if (type == 'wide'){    
        device = device + '_' + type;
    }
    
    // 隱藏原商品頁回到最上面的按鈕
    $('.mt_001').css('z-index', '1').hide();

    $.ajax({
        type: 'GET',
        dataType: 'HTML',
        url: '//www.books.com.tw/product_show/ajaxAdditionalBuyProductDetail/' + pkgID + '_'+ prodID + '/showMore' + device,
        success: function (response) {
            ajaxTemplate = response;

            // 遮罩區塊
            //showMoreBlock = $('#showMoreBlock');
            //showMoreBlock.show();

            // 顯示加購品內容區塊
            showProductDetail = $('#showProductDetail');
            // 設定顯示加購品內容區塊大小與位置
            showProductDetail.css({'width': $(window).width(), 'height': $(window).height(), 'top': $(document).scrollTop()});
            showProductDetail.html(ajaxTemplate);
            // 全部處理完畢顯示加購商品內容區塊
            poploading('off');
            showProductDetail.show();

            if (device === 'P') {
                // 隱藏浮動選單
                $('.type04_header .header_box1').hide();
            }

            // 隱藏顯示明細區塊
            $('.select-product').hide();
            // 隱藏顯示看更多加購推薦區塊
            if (type == 'wide'){
//                $('.u-more.right.line').show();
                // 加購推薦標題也隱藏
                // $('.u-panel-title.title01').hide();
            } else {
                $('.more').hide();
            }
            // 隱藏掉原框架的加入購物車按鈕區塊
            //$('.ms_001').css('z-index', '');
            $('.ms_001').hide();
            $(document.body).css('overflow-y', 'hidden');
        }
    });
}

// 關閉加購商品頁
function closeShowProduct() {
    var initLimit = parseInt($('#initLimit').val());
    var prodsAmount = parseInt($('#prodsAmount').val());
    var device = $('#device').val();
    var type = $('#type').val(); 

    // 如果加購推薦列表沒有開啟，也就是直接在商品主頁，點加購品，才全部回復正常，不然就只關閉加購商品頁
    if ($('#showMoreDetail').is(':hidden') === true) {
        if (device === 'P') {
            // 顯示浮動選單
            $('.type04_header .header_box1').show();
        }

        // 顯示明細區塊
        $('.select-product').show();
        // 顯示看更多加購推薦區塊
        if (parseInt(prodsAmount) > parseInt(initLimit)) {
            if (type == 'wide'){
                $('.u-more.right.line').show();
            } else {
                $('.more').show();
            }  
        } else {
            if (type == 'wide'){
                $('.u-more.right.line').hide();
            } else {
                $('.more').hide();
            }
        }
        // 顯示加入購物車按鈕區塊
        //$('.ms_001').css('z-index', '9999');
        $('.ms_001').show();
        $(document.body).css('overflow-y', '');
        // 顯示原商品回到最上面的按鈕
        $('.mt_001').css('z-index', '999').show();

        // 回復初始顯示加購商品的數量
        for (i = initLimit; i < prodsAmount; i++) {
            $(".itemDivSerial_" + i).hide();
            if ($('#device').val() === 'P') {
                $(".productList_" + i).hide();
            }
        }

        //$('#showMoreBlock').hide();
    } else {
        // 寬版商品頁的特殊處理。如果遮罩被關起來，再次打開遮罩、商品列表POPUP
        if (type == 'wide'){
            var display = $('.u-overlay').css('display');
//        console.log(display);
            if (display == 'none'){
                $('.u-overlay').show();
                $('#showMoreDetail .u-pop-win.pop-addprod').css( "zIndex", 999 );
//                $('#showProductDetail .back-to-top').hide();
            }
        }
    }
    
    if (device === 'M'){
        //打開商品頁scroll bar
        B.page.enablePageScroll();
    }
    // 關閉加購商品頁
    $('#showProductDetail').hide();
}

// 行動版回到最上方，電腦版使用slimscroll，不在此處理
function backToTop() {
    $('#showProductDetail').find($('.popup_win01_content_scroll'))[0].scrollTop = 0
}

// 加購品列表加入購物車
function addCart(directBuy) {
    var device = $('#device').val();
    var point_act_item_id = "";
    poploading('on');
    requestUri = 'https://db.books.com.tw/shopping/ajax_cart_pkg.php';

    /** 點加金區塊 */
    if ($("#pointCashArea").length > 0) {
        point_act_item_id = $('#point_act_item_id').val();
    }

    // 宣告object
    var cartJSON = [];
    if (processProdPkg.length > 0) {
        processProdPkg.forEach(function (pkgIDs) {
            // 找出屬於目前PKG的加購品
            var pkgItems = processProdItems.filter(function (item, index, array) {
                return item.pkgID === pkgIDs.pkgID;
            });
            
            pkgItems.forEach(function(item, index, array) {
                delete pkgItems[index]['pkgID'];
            })
            
            if (point_act_item_id != '' && point_act_item_id != 'cash'){
                mainItemArray = Array({'item': $('#mainProdID').val(), 'qty': 1, 'point_id': point_act_item_id});
            } else {
                mainItemArray = Array({'item': $('#mainProdID').val(), 'qty': 1});
            }
            cartJSON.push({'pkg_id': pkgIDs.pkgID, 'pkg_type': 'M', 'main_items': mainItemArray, 'add_items': pkgItems});
        });
    } else {
        // 沒有選加購品
        pkgID = $('#onlyMainPkgID').val();
        if (point_act_item_id != '' && point_act_item_id != 'cash'){
            mainItemArray = Array({'item': $('#mainProdID').val(), 'qty': 1, 'point_id': point_act_item_id});
        } else {
            mainItemArray = Array({'item': $('#mainProdID').val(), 'qty': 1});
        }
        cartJSON.push({'pkg_id': pkgID, 'pkg_type': 'M', 'main_items': mainItemArray, 'add_items': []});
    }
    
    if (cartJSON.length < 1) {
        poploadingOff('加入購物車失敗!');
        return;
    }

    // 將object轉成json string
    jsonString = JSON.stringify(cartJSON);
    // console.log('products: ', jsonString);
    
    // 將json string 做 base64 encode
    jsonString = btoa(jsonString);
    // console.log('base64:', jsonString);

    // 執行加入購物車
    var header_crox = false;
    if (window.location.host != 'db.books.com.tw') {
        header_crox = true;
    }
    $.ajax({
        url: requestUri,
        type: 'POST',
        dataType: 'JSON',
        data: {datas: jsonString},
        xhrFields: {withCredentials: header_crox},
        success: function(response) {
            if (response.code === '0000') {
                clearProcessItems();
                if (directBuy === true) {
                    location.href = 'https://db.books.com.tw/shopping/cart_list.php';
                } else {
                    if (device === 'P') {
                        HshoppingCartNum();
                    } else {
                        reloadSCart();
                    }
                    alertStr = '';
                    poploadingOff(alertStr);
                }
            } else if (response.code === 'E003') {
                if (response.redirect_url !== undefined) {
                    location.href = response.redirect_url;
                } else {
                    if (device === 'P') {
                        HshoppingCartNum();
                    } else {
                        reloadSCart()
                    }
                    var alertStr = '';
                    poploadingOff(alertStr);
                }
            } else {
                alertStr = '放入購物車失敗, (' + response.code + ':' + response.message + ')';
                poploadingOff(alertStr);
            }
        },
        error: function () {
            var alertStr = '';
            poploadingOff(alertStr);
        },
        beforeSend: function (xhr) {
            xhr.withCredentials = header_crox;
        }
    });
}

// 呼叫購物車時的遮罩
function poploading(status) {
    var device = $('#device').val();
    var type = $('#type').val();
    var mask_class = '';
    if (type == 'wide'){
        mask_class = "u-overlay";
    } else {
        mask_class = "overlay";
    }

    var modalP = '<div class="' + mask_class + '" id="PkgMoverlay" style="display:block"></div><div class="pop-loading" id="PkgMloading"><img src="/load/view.php?a=aHR0cHM6Ly9qY2kuYm9vay5jb20udHcvY3NzL2Jvb2tzL21lbWJlci9pbWFnZXMvd2FpdGluZy5naWY" alt="loding"></div>';
    // var modalM = '<div class="overlay" style="display:block;opacity:1 z-index:99999999" id="PkgMoverlay"><div class="pop-loading"><i class="icon-spin6 animate-spin"></i></div></div>';
    var modalM = '<div class="overlay" style="display:block;opacity:1 z-index:99999999" id="PkgMoverlay"><div id="pop-public-check"><img src="/load/view.php?a=aHR0cDovL2pjaS5ib29rLmNvbS50dy9qc3MvYm9va3MvbW9iaWxlYmFzZS9jc3MvaW1hZ2VzL3BpY19sb2FkaW5nLmdpZg" id="pop-public-img"><p id="pop-public-msg">loading</p></div></div>';
    if (status === 'on') {
        if (device === 'P') {
            //將header的順序往下壓
            $('#header_id').css( "zIndex", 3 );
            $('body').css('overflow-y','hidden');
            
            // 寬版商品頁
            if (type == 'wide'){
                // 如果遮罩已經打開了，就不要再打開遮罩，畫面看起來會太黑
                var display = $('.u-overlay').css('display');
                if (display == 'block'){
                    $('.u-overlay').hide();
                    $('.u-pop-win.pop-addprod').css( "zIndex", 998 );
                }
                $('body').prepend(modalP);
            } else {
                $('body').prepend(modalP);
            }
        } else {
            $('body').prepend(modalM);
        }
    } else {
        if (device === 'P') {
            $('#PkgMoverlay').remove();
            $('#PkgMloading').remove();
            $('body').removeAttr('style');
            //將header的順序提到最上面
            $('#header_id').removeAttr('style');
        } else {
            $('#PkgMoverlay').remove();
        }
    }
}

function poploadingOff(alertStr) {
    var device = $('#device').val();
    if (device === 'P') {
        if (alertStr !== '') { 
            setTimeout( function(){ alert(alertStr); }, 100); 
        }
        setTimeout( function(){ closeShowMore(); }, 100);
        setTimeout( function(){ poploading('off'); }, 100);
    } else {
        if (alertStr !== '') { 
            popFailed(alertStr); 
        } else {
            popSuccess();
        }
        
    }
}

// 放入購物車成功
function popSuccess() {
    var device = $('#device').val();
    var modalP = '';
    var modalM = '<div class="overlay" style="display:block;opacity:1 z-index:99999999" id="bkSuccessAction"><div id="pop-public-check"><img src="/load/view.php?a=aHR0cDovL2pjaS5ib29rLmNvbS50dy9qc3MvYm9va3MvbW9iaWxlYmFzZS9jc3MvaW1hZ2VzL3BpY19zdWNjZXNzLmdpZg" id="pop-public-img"><p id="pop-public-msg">已加入購物車！</p></div></div>';
    if (device === 'P') {
    } else {
        $('#PkgMoverlay').remove();
        $('body').prepend(modalM);
        $('#bkSuccessAction img').attr('src', 'https://jci.book.com.tw/jss/books/mobilebase/css/images/pic_success.gif');
        setTimeout( function(){ closeShowMore(); }, 100);
        setTimeout( function(){ popSuccessOff(); }, 1000);
    }
}

// 放入購物車成功
function popSuccessOff() {
    var device = $('#device').val();
    if (device === 'P') {
    } else {
        $('#bkSuccessAction').remove();
    }
}

// 放入購物車失敗
function popFailed(alertStr) {
    var device = $('#device').val();
    var modalP = '';
    var modalM = '<div class="overlay" style="display:block;opacity:1 z-index:99999999" id="bkFailedAction"><div id="pop-public-check"><img src="/load/view.php?a=aHR0cDovL2pjaS5ib29rLmNvbS50dy9qc3MvYm9va3MvbW9iaWxlYmFzZS9jc3MvaW1hZ2VzL3BpY19leGNsYW1hdGlvbi5naWY" id="pop-public-img"><p id="pop-public-msg">'+alertStr+'</p></div></div>';
    
    if (device === 'P') {
    } else {
        $('#PkgMoverlay').remove();
        $('body').prepend(modalM);
        $('#bkFailedAction img').attr('src', 'https://jci.book.com.tw/jss/books/mobilebase/css/images/pic_exclamation.gif');
        setTimeout( function(){ closeShowMore(); }, 100);
        setTimeout( function(){ popFailedOff(); }, 1000);
    }
}

// 放入購物車失敗
function popFailedOff() {
    var device = $('#device').val();
    if (device === 'P') {
    } else {
        $('#bkFailedAction').remove();
    }
}

// 加入購物車成功後，清除資料
function clearProcessItems() {
    // 清除明細列表
    var baseElement = $('#itemList');
    baseElement.children('.item').remove();
    var type = $('#type').val();

    // 變更明細列外觀
    $('.buyMessage').html('(未選購加購品)');
    $('.select-product-list').hide();

    // 還原加購品列表外觀
    for (i = 0; i < processProdItems.length; i++) {
        prodID = processProdItems[i]['item'];

        $(".itemDiv_" + prodID).removeClass('choose');
        processQty = $('.qty_' + prodID);
        processQty.val(1).attr('value', 1);
        
        // 寬版商品頁
        if (type == 'wide'){
            processQty.parent('.u-select-quantity').siblings('.addProduct').html('選購');
        } else {
            processQty.parent('.select-quantity').siblings('.addProduct').html('選購');
        }
    }

    // 清除暫存加購品購買清單
    processProdPkg = [];
    processProdItems = [];

    // 電腦版的加購品列表遮罩頁，顯示資訊也要歸零
    if ($('#device').val() === 'P') {
        $('.buyListMessage').html('已選購<em>0</em>件加購品');
    }
}

// 開啟或關閉區塊
function openBlock(ctlObj) {
    $(ctlObj).find('i').toggleClass('icon-up-open icon-down-open');
    $(ctlObj).next().slideToggle(function() {
        if($(this).is(':visible')) {
            // console.log('Show');
        } else {
            // console.log('Hidden');
        }
    });
}

// 加購列表捲動功能
$('.selectProductBtnRight').click(function (e) {
    e.preventDefault();
    $('#selectProductListDiv').animate({
        scrollLeft: "+=200px"
    }, "slow");
});

$('.selectProductBtnLeft').click(function (e) {
    e.preventDefault();
    $('#selectProductListDiv').animate({
        scrollLeft: "-=200px"
    }, "slow");
});

// 更新小購物車
function reloadSCart() {
    ajax.cors("//www.books.com.tw/webs/data_js/get_small_cart",{},function(data){get_small_cart(data);},true);
}