﻿

        //层的隐藏与显示
        function changeCss(t,typeIndex) {
            for (var i = 0; i < 4; i++) {
                document.getElementById("td0_" + (i + 1)).style.background = "none";
                document.getElementById("td0_" + (i + 1)).className = "hei14";
                if (document.getElementById("gift" + (i + 1)) == null || document.getElementById("gift" + (i + 1)) == undefined) return;
                document.getElementById("gift" + (i + 1)).className = "hidden";
            }
            t.className = "hong14c";
            t.style.background = "url(http://img.etradenow.cn/images/Gift/2lp_4.jpg)";
            document.getElementById("gift" + t.headers).className = "show";
        }
    

        function changeCcc(t) {
            for (var i = 0; i <4; i++) {
                document.getElementById("td1_" + (i + 1)).style.background = "none";
                document.getElementById("td1_" + (i + 1)).className = "hei13";
                if (document.getElementById("d" + (i + 1)) == null || document.getElementById("d" + (i + 1)) == undefined) return;
                document.getElementById("d" + (i + 1)).className = "hidden";
            }
            t.className = "hei13";
            t.style.background = "url(http://img.etradenow.cn/images/Gift/lw_3.jpg)";
            document.getElementById("d" + t.headers).className = "show";
        }

        function changeSss(t) {
            for (var i = 0; i < 4; i++) {
                document.getElementById("td2_" + (i + 1)).style.background = "none";
                document.getElementById("td2_" + (i + 1)).className = "hei13";
                document.getElementById("di" + (i + 1)).className = "hidden";
            }
            t.className = "hei13";
            t.style.background = "url(http://img.etradenow.cn/images/Gift/lw_3.jpg)";
            document.getElementById("di" + t.headers).className = "show";
        }
        //节日图片
        function changeHolidayPic(t) {
            var tt = t.parentNode.parentNode.childNodes;
            if(tt==null||tt==undefined) return;
            for (var i = 0; i < tt.length; i++) {
                tt[i].childNodes[0].src = "http://img.etradenow.cn/images/Gift/3lp_2.jpg"
            }
            t.src = "http://img.etradenow.cn/images/Gift/3lp_1.jpg";
            t.width = "100";
            t.height = "96";
            holidayPic = "http://img.etradenow.cn/images/Gift/abl.jpg";
        }

        //隐藏层
        function productHidden(t) {
            if (t != null && t != "" && t != "undefined") {
                t.style.background = "white";
                var tds = [];
                for (var i = 0; i < t.childNodes.length; i++) {
                    if (t.childNodes[i].tagName == "TD") {
                        tds[tds.length] = t.childNodes[i];
                    }
                }
                if (tds.length < 2) return;
                var divs = [];
                for (var j = 0; j < tds[1].childNodes.length; j++) {
                    if (tds[1].childNodes[j].tagName == "DIV") {
                        divs[divs.length] = tds[1].childNodes[j];
                    }
                }
                divs[1].style.display = "block";
                divs[0].style.display = "none";
                var imgs = [];
                for (var i = 0; i < tds[0].childNodes.length; i++) {
                    if (tds[0].childNodes[i].tagName == "IMG")
                        imgs[imgs.length] = tds[0].childNodes[i];
                }
                var image = imgs[0];
                var a = image.id.split("_");
                image.src = "http://img.etradenow.cn/images/Gift/" + a[1] + ".jpg";
                image.style.height = "19";
                image.style.width = "20";
                document.getElementById("productDetail").parentNode.className = "hei13";
            }
        }

        //显示层
        function productShow(t) {
            if (t != null && t != "" && t != "undefined") {
                var tds = [];
                for (var i = 0; i < t.childNodes.length; i++) {
                    if (t.childNodes[i].tagName == "TD") {
                        tds[tds.length] = t.childNodes[i];
                    }
                }
                var divs = [];
                if (tds.length < 2) return;
                for (var j = 0; j < tds[1].childNodes.length; j++) {
                    if (tds[1].childNodes[j].tagName == "DIV") {
                        divs[divs.length] = tds[1].childNodes[j];
                    }
                }
                divs[0].style.display = "block";
                divs[1].style.display = "none";
                var imgs = [];
                for (var i = 0; i < tds[0].childNodes.length; i++) {
                    if (tds[0].childNodes[i].tagName == "IMG")
                        imgs[imgs.length] = tds[0].childNodes[i];
                }
                var image = imgs[0];
                var a = image.id.split("_");
                image.src = "http://img.etradenow.cn/images/Gift/" + a[1] + "_" + a[1] + ".jpg";
                image.style.height = "23";
                image.style.width = "25";
                t.style.background = "#fff7f7";
            }
        }
        //onmouseover事件
        function loadProduct(t, tr) {
            for (var i = 1; i < 11; i++) {
                var tt = document.getElementById(tr + i);
                if (tt == null || tt == undefined) return;
                var tds = [];
                for (var j = 0; j < tt.childNodes.length; j++) {
                    if (tt.childNodes[j].tagName == "TD") {
                        tds[tds.length] = tt.childNodes[j];
                    }
                }
                if (tds.length <2) return;
                var divs = [];
                for (var j = 0; j< tds[1].childNodes.length; j++) {
                    if (tds[1].childNodes[j].tagName == "DIV") {
                        divs[divs.length] = tds[1].childNodes[j];
                    }
                }
                if (divs[0].style.display == "block"&&tt==t) {
                    return;
                } else if (divs[0].style.display == "block") {
                    productHidden(tt);
                }
            }
            productShow(t);
        }
        //上右图片动态效果
        function changePic(thisTD) {
            var tds = [];
            var tr = document.getElementById("tr2");
            for (var j = 0; j < tr.childNodes.length; j++) {
                if (tr.childNodes[j].tagName == "TD") {
                    tds[tds.length] = tr.childNodes[j];
                    tr.childNodes[j].style.display = "none";
                }
            }
            for (var i = 0; i < 6; i++) {
                if (i % 2 == 0) {
                    document.getElementById(i.toString()).style.display = "";
                } else {
                    document.getElementById(i.toString()).style.display = "none";
                }
            }
            var index = parseInt(thisTD.id);
            thisTD.style.display = "none";
            document.getElementById((index + 1).toString()).style.display = "";
            tds[parseInt(index / 2)].style.display = "";
        }
        function addAttr() {
            var index = 0;
            var tr = document.getElementById("tr1");
            for (var i = 0; i < tr.childNodes.length; i++) {
                if (tr.childNodes[i].tagName == "TD") {
                    tr.childNodes[i].id = index.toString();
                    if (index % 2 == 0) {
                        tr.childNodes[i].onmouseover = function() { changePic(this) };
                    }
                    index++;
                }
            }
        }
        //启动时第一项显示
        function loadbody() {
            productShow(document.getElementById("trShuma1"));
            productShow(document.getElementById("trMeirong1"));
            productShow(document.getElementById("trMuyin1"));
            productShow(document.getElementById("trJiaju1"));
            productShow(document.getElementById("trMan1"));
            productShow(document.getElementById("trLady1"));
            productShow(document.getElementById("trOldman1"));
            productShow(document.getElementById("trChild1"));
            addAttr();
        }
        function newProOver(tb) {
            tb.style.background = "#F9F1F8";
            var a = tb.id.split('_');
            document.getElementById("newPro_"+a[1]).style.border = "1px #cccccc solid";
        }
        function newProOut(tb) {
            tb.style.background = "";
            var a = tb.id.split('_');
            document.getElementById("newPro_" + a[1]).style.border = "1px white solid";
        }
        $(document).ready(function() {
            loadbody();
        }); 
