//** Tab Content script- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Last updated: Nov 8th, 06

var enabletabpersistence = 0 //enable tab persistence via session only cookies, so selected tab is remembered?

////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs = new Object()

function expandcontent_product_page(linkobj) {
    var mainid = linkobj.parentNode.parentNode.id //id of main element
    var mainlist = document.getElementById(mainid).getElementsByTagName("div") //get list of LIs corresponding to the tab contents
    var tabid = linkobj.parentNode.getAttribute("id");
    for (var i = 0; i < mainlist.length; i++) {
        mainlist[i].className = ""  //deselect all tabs
        switch (mainlist[i].id) {
            case "tab_details":
                mainlist[i].style.backgroundImage = "url(" + details_off_img + ")";
                mainlist[i].style.zIndex = 3;
                break;
            case "tab_delivery":
                mainlist[i].style.backgroundImage = "url(" + delivery_off_img + ")";
                mainlist[i].style.zIndex = 2;
                break;
            case "tab_substitution":
                mainlist[i].style.backgroundImage = "url(" + substitution_off_img + ")";
                mainlist[i].style.zIndex = 1;
                break;
        }
        if (typeof tabcontentIDs[mainid][i] != "undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
            document.getElementById(tabcontentIDs[mainid][i]).style.display = "none" //hide all tab contents
    }
    switch (tabid) {
        case "tab_details":
            linkobj.parentNode.style.backgroundImage = "url(" + details_on_img + ")";
            break;
        case "tab_delivery":
            linkobj.parentNode.style.backgroundImage = "url(" + delivery_on_img + ")";
            break;
        case "tab_substitution":
            linkobj.parentNode.style.backgroundImage = "url(" + substitution_on_img + ")";
            break;
    }
    linkobj.parentNode.style.zIndex = 3;
    linkobj.parentNode.className = "selected"  //highlight currently clicked on tab
    document.getElementById(linkobj.getAttribute("rel")).style.display = "block" //expand corresponding tab content
}

function expandtab_product_page(tabcontentid, tabnumber) { //interface for selecting a tab (plus expand corresponding content)
    var thetab = document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
    if (thetab.getAttribute("rel"))
        expandcontent_product_page(thetab)
}

function savetabcontentids(ulid, relattribute) {// save ids of tab content divs
    if (typeof tabcontentIDs[ulid] == "undefined") //if this array doesn't exist yet
        tabcontentIDs[ulid] = new Array()
    tabcontentIDs[ulid][tabcontentIDs[ulid].length] = relattribute
}

function getullistlinkbyId(ulid, tabcontentid) { //returns a tab link based on the ID of the associated tab content
    var ullist = document.getElementById(ulid).getElementsByTagName("div")
    for (var i = 0; i < ullist.length; i++) {
        if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel") == tabcontentid) {
            return ullist[i].getElementsByTagName("a")[0]
            break
        }
    }
}

function initializetabcontent_product_page() {
    for (var i = 0; i < arguments.length; i++) { //loop through passed UL ids
        if (enabletabpersistence == 0 && getCookie(arguments[i]) != "") //clean up cookie if persist=off
            setCookie(arguments[i], "")
        var clickedontab = getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
        var ulobj = document.getElementById(arguments[i])
        var ulist = ulobj.getElementsByTagName("div") //array containing the LI elements within UL
        for (var x = 0; x < ulist.length; x++) { //loop through each LI element
            var ulistlink = ulist[x].getElementsByTagName("a")[0]
            if (ulistlink.getAttribute("rel")) {
                savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
                ulistlink.onclick = function() {
                    expandcontent_product_page(this)
                    return false
                }
                if (ulist[x].className == "selected" && clickedontab == "") //if a tab is set to be selected by default
                    expandcontent_product_page(ulistlink) //auto load currenly selected tab content
            }
        } //end inner for loop
        if (clickedontab != "") { //if a tab has been previously clicked on per the cookie value
            var culistlink = getullistlinkbyId(arguments[i], clickedontab)
            if (typeof culistlink != "undefined") //if match found between tabcontent id and rel attribute value
                expandcontent_product_page(culistlink) //auto load currenly selected tab content
            else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
                expandcontent_product_page(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
        }
    } //end outer for loop
}


function getCookie(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

function setCookie(name, value){
document.cookie = name+"="+value //cookie value is domain wide (path=/)
}


function fix_content_height() {
    // check tcontent1, tcontent2, tcontent3
    var maxHeight = 0;
    // Find max height
    for (var i = 1; i <= 3; i++) {
        // Need to temporarily expose block to get the height.
        document.getElementById("tcontent" + i).style.display = 'block';
        var divHeight = document.getElementById("tcontent" + i).offsetHeight;
        document.getElementById("tcontent" + i).style.display = 'none';

        if (divHeight > maxHeight) {
            maxHeight = divHeight;
        }
    }
    // Set all to max height
    for (var i = 1; i <= 3; i++) {
        document.getElementById("tcontent" + i).style.height = maxHeight + 'px';
    }
}