/* 
JavaScript Document - JS
Shuayao - 16.10.2009
Malte Beckers
Page Functions
*/

/* Onload Events */
onload = function() {
    if (document.getElementById('tc_img_1')) {
        document.getElementById('tc_img_1').style.display = "none";  // Hide Image 1 (JS alternative)
        //document.getElementById('tc_img_1').style.display = "block";
        //document.getElementById('teaserChanger').style.display = "block";  // Show Teaser Changer Bar
        tcSlideShow(1);
    }
    // Show Teefinder @ HOME if JS is enabled
    if (document.getElementById('teefinder_home')) {
        document.getElementById('teefinder_home').style.display = "block";
    }
}

/* Homepage Teaser Functions */
var tcSlideshow = "";
var tcAction = 1;  // If 1 (true), slideshow is on
function tcShow(nr) {
    if (tcAction == 1) {
        for (var i = 1; i <= 4; i++) {
            document.getElementById('tc_img_' + i).style.display = "none";
            //document.getElementById('tc_'+i).childNodes[0].style.backgroundImage = "none";
        }
        document.getElementById('tc_img_' + nr).style.display = "block";
        //document.getElementById('tc_'+nr).childNodes[0].style.backgroundImage = "url(img/bg_home_teaser_changer_"+nr+".gif)";
    }
}
function tcSlideShow(nr) {
    tcShow(nr);
    if (nr <= 3) { nr++; }
    else { nr = 1; }
    if (tcSlideshow) {
        window.clearTimeout(tcSlideshow);
    }
    tcSlideshow = window.setTimeout("tcSlideShow(" + nr + ")", 5000);
}
function tcStop(nr) {
    if (tcAction == 1) {
        window.clearTimeout(tcSlideshow);
        tcAction = 0;
        //document.getElementById('teaserChanger').className = "act";
    }
    else {
        tcAction = 1;
        tcSlideShow(nr);
        //document.getElementById('teaserChanger').className = "";
    }
}

/* Show Layer Menu */
var aObj = ""; // Save object of a-tag into global var 
function show2ndMenu(id, a) {
    if (a) { aObj = a; }
    if (document.getElementById(id)) {
        document.getElementById(id).style.display = "block";
        if (document.getElementById('homeTeaser')) {
            document.getElementById('homeTeaser').className = "zIndexNew";  // Important for IE6+7, sets new class with "z-index:-1" in home.css
        }
    }
    aObj.className = aObj.className + " cur";
}
/* Hide Layer Menu */
function hide2ndMenu(id) {
    if (document.getElementById(id)) {
        document.getElementById(id).style.display = "none";
        if (document.getElementById('homeTeaser')) {
            document.getElementById('homeTeaser').className = "";
        }
    }
    aObj.className = aObj.className.replace(/ cur/g, "");
}

/* Show Product Details */
function showPdtn(dt, a) {
    var dts = dt.slice(0, -1);
    var i = 0;
    while (document.getElementById(dts + i)) { /* Hide Divs */
        document.getElementById(dts + i).style.display = "none";
        i++;
    }
    document.getElementById(dt).style.display = "block";

    var childNodes = document.getElementById('productDetailNav').childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "LI") {
            childNodes[i].childNodes[0].className = "";
        }
    }
    a.className = "act";
    a.blur();
}

/* Show Order Image, Highlight choosed Productsize */
function orderSizeImgAct(a, img, imgB, tr) {
    // Get TBODY Table Object
    var pNode = tr.parentNode;
    while (pNode.nodeName != "TBODY") {
        pNode = pNode.parentNode;
    }
    // Search for Childnodes Type TR and reset Highlight (class=act)
    var childNodes = pNode.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "TR") {
            childNodes[i].className = "";
        }
    }
    // Act current TR
    tr.className = "act"
    // Change BigImage href
    document.getElementById(a).href = imgB;
    // Change Image src
    var childNodes = document.getElementById(a).childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "IMG") {
            childNodes[i].src = img;
        }
    }
}

/* Show Teefinder Dropdown-Menu */
function showTF(li) {
    var pNode = li.parentNode;
    while (pNode.nodeName != "UL") {
        pNode = pNode.parentNode;
    }
    if (pNode.className != "teefinderMenu off") {// Proof: is dropdown disabled?
        var childNodes = li.childNodes;
        li.style.position = "relative";
        for (var i in childNodes) {
            if (childNodes[i].nodeName == "UL") {
                childNodes[i].style.display = "block";
            }
            else if (childNodes[i].nodeName == "A") {
                childNodes[i].className = "act";
            }
        }
    }
}
/* Hide Dropdown */
function hideTF(li) {
    var childNodes = li.childNodes;
    li.style.position = "";
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "UL") {
            childNodes[i].style.display = "none";
        }
        else if (childNodes[i].nodeName == "A") {
            childNodes[i].className = "";
        }
    }
}

/* Disable certain Dropdowns */
function disableTF(dis1, dis2) {
    if (document.getElementById(dis1)) { document.getElementById(dis1).className = "teefinderMenu off"; }
    if (document.getElementById(dis2)) { document.getElementById(dis2).className = "teefinderMenu off"; }
}

/* Set Teefinder Link-Values into Hidden Fields */
function setValueTF(field, a) {
    // Set value into hidden field
    if (document.getElementById(field)) {
        document.getElementById(field).value = a.rel;
        a.blur();
    }
    // Delete class act from all A in List
    var pNode = a.parentNode;

    while (pNode.nodeName != "UL") {
        pNode = pNode.parentNode;
    }
    var childNodes = pNode.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "LI") {
            var childNodes2 = childNodes[i].childNodes;
            for (var j in childNodes2) {
                if (childNodes2[j].nodeName == "A") {
                    childNodes2[j].className = "";
                }
            }
        }
    }
    // Set choosed Link as top and close Dropdown
    var pNode = a.parentNode;
    while (pNode.className != "teefinderMenu") {
        pNode = pNode.parentNode;
    }
    var childNodes = pNode.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "LI") {
            hideTF(childNodes[i]);
            childNodes = childNodes[i].childNodes;
        }
    }
    for (var j in childNodes) {
        if (childNodes[j].nodeName == "A") {
            childNodes[j].innerHTML = a.innerHTML;
        }
    }
    a.className = "act";
}


/* Toggle Cart Items on/off */
function toggleTR(a) {
    // Set Vars
    var TRFound = "";
    var TRSearchClass = "";

    // Search for TR.more or TR.cartSub
    var TrNode = a.parentNode;
    while (TrNode.nodeName != "TR") { // Catch TR.more
        TrNode = TrNode.parentNode;
    }
    if (TrNode.className != "more" && TrNode.className != "cartSub") { // Catch TR.cartSub (other table-level)
        TrNode = TrNode.parentNode;
        while (TrNode.nodeName != "TR") {
            TrNode = TrNode.parentNode;
        }
    }

    // Find TBODY Parent Element
    var TBodyNode = TrNode.parentNode;
    while (TBodyNode.nodeName != "TBODY") {
        TBodyNode = TBodyNode.parentNode;
    }

    // Proof TR
    if (TrNode.className == "more") {
        TRFound = TrNode;
        TRSearchClass = "cartSub";
    }
    if (TrNode.className == "cartSub") {
        TRFound = TrNode;
        TRSearchClass = "more";
    }

    // Search for other TR
    var childNodes = TBodyNode.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].className == TRSearchClass) {
            if (childNodes[i].style.display == "none" || childNodes[i].style.display == "") {
                childNodes[i].style.display = "table-row";
                TRFound.style.display = "none";
            }
            else {
                childNodes[i].style.display = "table-row";
                TRFound.style.display = "block";
            }
        }
    }
}


/* Feefinder Homepage Functions */
var tf = "1";
function showTFH(li) {
    tf++;
    sizeTF();
    // Catch child UL node
    var childNodes = li.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "UL") {
            childNodes[i].style.display = "block";
        }
        if (childNodes[i].nodeName == "A") {
            childNodes[i].className = "act";
        }
    }
}
function hideTFH(li) {
    tf--;
    sizeTF();
    var childNodes = li.childNodes;
    for (var i in childNodes) {
        if (childNodes[i].nodeName == "UL") {
            childNodes[i].style.display = "none";
        }
        if (childNodes[i].nodeName == "A") {
            childNodes[i].className = "";
        }
    }
}
function sizeTF() {
    if (tf == "1") {
        document.getElementById('teefinder_home').style.width = "188px";
        document.getElementById('innerTFH').style.width = "188px";
    }
    if (tf == "2") {
        document.getElementById('teefinder_home').style.width = "351px";
        document.getElementById('innerTFH').style.width = "351px";
    }
    if (tf == "3") {
        document.getElementById('teefinder_home').style.width = "528px";
        document.getElementById('innerTFH').style.width = "528px";
    }
}

/* Highlight Tablerow when choosing productsize */
function HighlightTablerow(TR) {
    if (document.getElementById(TR)) {
        document.getElementById(TR).className = "act";
    }
}

function RemoveHighlightTablerow(TR) {
    if (document.getElementById(TR)) {
        document.getElementById(TR).className = "";
    }
}