//網頁初始化設定
function InitializeSet() 
{
    //設置My Alamode下拉框的位置
    if (document.getElementById("divmenulayer") != null) 
    {
        var iwidth = document.body.offsetWidth / 2 + 112;   //屏幕一半的位置再過去一個菜單

        document.getElementById("divmenulayer").style.left = iwidth + "px";
    }
    //設置網頁漸變背景圖邊框的位置
    if (document.getElementById("divpageleft") != null && document.getElementById("divpageright") != null) 
    {
        var iwidth = document.body.offsetWidth / 2;
        document.getElementById("divpageleft").style.left = (iwidth - 471 - 30) + "px";  //屏幕一半的位置 - 網頁內容寬度的一半 - 背景圖的寬度 (exp: 1024/2 - 942/2 - 30)
        document.getElementById("divpageright").style.left = (iwidth + 471) + "px"; //屏幕一半的位置 + 網頁內容寬度的一半 (exp: 1024/2 + 942/2)
    }
    //檢查ShoppingCart最小購買產品金額
    CheckMinAmount();
    //提交訂單時輸入信用卡
    ShowCreditCardInfo();

    //替換所有圖片
    document.body.innerHTML = document.body.innerHTML.replace(/TEMPIMGTAGSRC/g, "src").replace(/tempimgtagsrc/g, "src");
}

//將本網站加入到收藏夾
function AddToFavorites()
{
    var title = document.title
    var url = document.location.href
    if (window.sidebar)
        window.sidebar.addPanel(title, url, "");
    else if (window.opera && window.print) {
        var mbm = document.createElement('a');
        mbm.setAttribute('rel', 'sidebar');
        mbm.setAttribute('href', url);
        mbm.setAttribute('title', title);
        mbm.click();
    }
    else if (document.all)
        window.external.AddFavorite(url, title);
} 

//登錄框驗證及提交
function LoginCheckNull() 
{
    var id = document.getElementById("txbloginusername");
    var pw = document.getElementById("txbloginpassword");

    if (!CheckNull(id, 'Please enter your UserName(ID)!')) { return; }
    if (!CheckNull(pw, 'Please enter your Password!')) { return; }

    if (!isNumberOrCharOrLetter(id)) { return; }
    if (!isNumberOrCharOrLetter(pw)) { return; }

    document.getElementById("formlogin").submit();
}

//KeyWord Search
function submitsearch() 
{
    var obj = document.getElementById("txbkeywordsearch");
    if (!CheckNull(obj, 'Please enter a keyword!')) { return; }
    if (!isNumberOrCharOrLetter(obj)) { return; }
    location.href = "/productslist_issearch-1_search-" + obj.value.replace('-', '(').replace('_', ')') + ".html";
}

/* ------ProductsList------ */
//鼠標移動到小圖上時，浮層顯示or隱藏大圖
function pllayer(vDO, evt, obj) 
{
    if (document.getElementById('productslistlayer') == null)
        return;
    if (vDO == 1) {
        document.getElementById('productslistlayer').style.display = "block";
        evt = (evt) ? evt : ((window.event) ? window.event : "");
   
        document.getElementById('productslistlayer').style.top = (evt.clientY+2+(document.documentElement.scrollTop==0?document.body.scrollTop:document.documentElement.scrollTop)).toString() + 'px';
        if((evt.clientX+200)<document.body.offsetWidth)
            document.getElementById('productslistlayer').style.left = (evt.clientX+2 ).toString() + 'px';
        else
            document.getElementById('productslistlayer').style.left = (document.body.offsetWidth-205 ).toString() + 'px';
        
        document.getElementById('productslistlayerimg').src = obj.src.replace("big110", "big");
    }
    else
        document.getElementById('productslistlayer').style.display = "none";
}

//GO按鈕直接翻頁
function relinkurl(txbGoPage) 
{
    var obj = document.getElementById(txbGoPage);
    if (!isNumber(obj))
        return false;
    var PageNo = obj.value;
    var url = location.href.toLowerCase().replace('.html', '').split('_');
    var reurl = url[0];
    for (var i = 1; i < url.length; i++) {
        var nv = url[i].split('-');
        if (nv.length != 2)
            continue;
        if (nv[0] != "pageno")
            reurl += "_" + url[i];
    }
    reurl += "_pageno-" + PageNo;
    location.href = reurl + ".html";
}

//刪除最近流覽里的所有產品
function removeRecentlyViewed() 
{
    //設置cookie逾期時間
    var expDate = new Date();
    expDate.setTime(expDate.getTime() - 20);
    //重新添加cookie
    document.cookie = "recentlyviewed=0; expires=" + expDate.toGMTString();
    //location.reload();
    window.location.href = document.URL;
}

//批量刪除List產品后
function doInnerHTMLRemoveItem(text) {
    if (text == "del-ok") {
        //alert('delete complete')
        window.location.href = document.URL;
    }
    else {
        document.body.style.cursor = "";
        var objAjax = document.getElementById("ajaxproductslist");
        if (objAjax != null)
            objAjax.style.visibility = "hidden";
    }
}
/* ------end ProductsList------ */

/* -----Products Search-----*/
function ProductsSearchByItemNo() {
    var obj = document.getElementById('psliitemno');
    if (obj == null)
        return;

    if (CheckNull(obj, "Please enter an ItemNo")) {
        if (isNumberOrCharOrLetter(obj))
            window.location.href = "/productslist_issearch-1_search-" + obj.value.replace('-', '(').replace('_', ')') + "_itemno-" + obj.value + ".html";
    }
}

function ProductsSearchByList(tabname)
{
    var objdiv = document.getElementById(tabname);
    if (objdiv == null)
        return;
    var objselects = objdiv.getElementsByTagName('select');
    if (objselects == null || objselects.length == 0)
        return;
    var str = "/productslist";
    for (var i = 0; i < objselects.length; i++) 
    {
        if (objselects[i].value != "0" || objselects[i].title == "instock")
            str += "_" + objselects[i].title + "-" + objselects[i].value;
    }
    window.location.href = str+".html";
}
/* -----end Products Search-----*/

/* -------------------Customize---------------------*/
//提交客制化產品
function CheckCustomizeProductInfo()
{ 
    var objPlating = document.getElementById('cpiPlating');
    var objMaterial = document.getElementById('cpiMaterial');
    var objStoneColor = null;
    if (document.getElementById('cpiColorB').style.display == "block" || document.getElementById('cpiColorB').style.display == "")
        objStoneColor = document.getElementById('cpiColorB');
    else if (document.getElementById('cpiColorC').style.display == "block" || document.getElementById('cpiColorC').style.display == "")
        objStoneColor = document.getElementById('cpiColorC');
    var HiddenValues = document.getElementById('hidcustomizepidata').value.split(':');

    if ((objMaterial.title == objMaterial.value || objMaterial.value == "0")
      && (objPlating.title == objPlating.value || objPlating.value == "0")
      && (objStoneColor.value == HiddenValues[7] || objStoneColor.value == "0"))
        alert("You haven\'t customize any attributes, so please select New attribute!");
    else
        document.getElementById('formcustomizepi').submit();
}
//換石頭顏色種類
function cpiChangeColorType() 
{
    var obj = document.getElementById('rdocustomizepicolor');
    
    if (obj.checked) 
    {
        document.getElementById('cpiColorB').style.display = "block";
        document.getElementById('cpiColorC').style.display = "none";
        cpiChangeImage(document.getElementById('cpiColorB'));
        document.getElementById('divcolorselectb').style.display = "block";
        document.getElementById('divcolorselectc').style.display = "none";
    }
    else 
    {
        document.getElementById('cpiColorB').style.display = "none";
        document.getElementById('cpiColorC').style.display = "block";
        cpiChangeImage(document.getElementById('cpiColorC'));
        document.getElementById('divcolorselectb').style.display = "none";
        document.getElementById('divcolorselectc').style.display = "block";
    }
}
//換石頭顏色的圖片
function cpiChangeImage(obj) 
{
    var objimg = document.getElementById('imgcustomizepicolor');
    var objimg2 = document.getElementById('imgcustomizepicolor2');

    if (obj.title == "birthday") {
        objimg.src = "/Images/Ecumenic" + obj.value + ".gif";
        objimg2.src = "/Images/Ecumenic0.gif";
    }
    else if (obj.title == "constellation") {
        objimg.src = "/Images/Constellation" + obj.value + ".gif";
        objimg2.src = "/Images/Ecumenic" + obj.value + ".gif";
    }
    cpiChangeItemNo();
}
//div換石頭顏色的圖片
function cpiDivChangeImage(index) 
{
    var obj = document.getElementById('rdocustomizepicolor');
    var objselect = null;

    if (obj.checked)
        objselect = document.getElementById('cpiColorB');
    else
        objselect = document.getElementById('cpiColorC');

    for (var i = 0; i < objselect.length; i++) {
        if (objselect[i].value==index)
            objselect.selectedIndex = i;
    }
 
    cpiChangeImage(objselect);
}
//更新價格
function cpiChangePrice() 
{
    var objPlating = document.getElementById('cpiPlating');
    var objMaterial = document.getElementById('cpiMaterial');
    
    var objPrice = document.getElementById('nprice');
    var objSubPrice = document.getElementById('nsugprice');
    var objWeight = document.getElementById('nweight');
    var HiddenValues = document.getElementById('hidcustomizepidata').value.split(':');
    
    //原材質為銅的
    if (objMaterial.title == "1" && objMaterial.value != "1") 
    {
        objWeight.innerHTML = HiddenValues[1] + "g";
        if (objMaterial.title == "2" && objPlating.value != 13 && objPlating.value != 0) 
        {
            objPrice.innerHTML = "$" + (Number(HiddenValues[3]) + 1);
            objSubPrice.innerHTML = "$" + (Number(HiddenValues[3] + 1) * 6).toFixed(2).toString();
        }
        else {
            objPrice.innerHTML = "$" + HiddenValues[3];
            objSubPrice.innerHTML = "$" + (Number(HiddenValues[3]) * 6).toFixed(2).toString();
        }
    }
    else
    {
        objWeight.innerHTML = HiddenValues[0] + "g";
        if (objMaterial.title == "2" && objPlating.value != 13 && objPlating.value != 0) 
        {
            objPrice.innerHTML = "$" + (Number(HiddenValues[2]) + 1);
            objSubPrice.innerHTML = "$" + (Number(HiddenValues[2] + 1) * 6).toFixed(2).toString();
        }
        else {
            objPrice.innerHTML = "$" + HiddenValues[2];
            objSubPrice.innerHTML = "$" + (Number(HiddenValues[2]) * 6).toFixed(2).toString();
        }
    }
    cpiChangeItemNo();
}
//更新ItemNo
function cpiChangeItemNo() 
{
    var objNewItemNo = document.getElementById('nitemno');
    var HiddenValues = document.getElementById('hidcustomizepidata').value.split(':');
    var newItemNo = HiddenValues[4] + "_";

    //材質
    if (document.getElementById('cpiMaterial').value != "0")
        newItemNo += padLeft(document.getElementById('cpiMaterial').value,2, '0');
    else
        newItemNo += padLeft(HiddenValues[5],2, '0');

    //石頭種類
    newItemNo += padLeft(HiddenValues[6], 2, '0');

    //石頭顏色
    var objStoneColor = null;
    if (document.getElementById('cpiColorB').style.display == "block" || document.getElementById('cpiColorB').style.display == "")
        objStoneColor = document.getElementById('cpiColorB');
    else if (document.getElementById('cpiColorC').style.display == "block" || document.getElementById('cpiColorC').style.display == "")
        objStoneColor = document.getElementById('cpiColorC');

    if (objStoneColor.value != "0")
        newItemNo += padLeft(objStoneColor.value, 2, '0');
    else
        newItemNo += padLeft(HiddenValues[7], 2, '0');

    //電鍍
    if (document.getElementById('cpiPlating').value != "0")
        newItemNo += padLeft(document.getElementById('cpiPlating').value, 2, '0');
    else
        newItemNo += padLeft(HiddenValues[8], 2, '0');

    objNewItemNo.innerHTML = newItemNo;
}

//字串左補充值
function padLeft(str, count, charStr) {
    var disstr = str;
    if (str.length == count)
        return disstr;
    for (var i = str.length; i < count; i++) {
        disstr = charStr + disstr;
    }
    return disstr;
}
/* -------------------end Customize---------------------*/