///<reference path="prototype.js" />
///<reference path="siteNavigationFunctions.js" />
///<reference path="intranet.tkmna.sitenavigation.js" />

var selected = 0;
var unselected = 0;
var divisionLabel = "";
var parentCoLabel = "ThyssenKrupp Materials NA";
var dropdownMenus = false;
var intranetLabelOn = false;
var brandLink = "www.tkmna.thyssenkrupp.com";
var quickLinkId = 1000;
var fullString = window.location.search.substring(1);
var queryParams = fullString.split('&');
if (queryParams.length > 0) {
    for (var y = 0; y < queryParams.length; y++) {
        var thisParam = queryParams[y].split('=');
            if (thisParam[0] == 'selected') {
                selected = thisParam[1];
        }
    }
}

    var BrowserDetect = {
        init: function () {
            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
            this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
            this.OS = this.searchString(this.dataOS) || "an unknown OS";
        },
        searchString: function (data) {
            for (var i = 0; i < data.length; i++) {
                var dataString = data[i].string;
                var dataProp = data[i].prop;
                this.versionSearchString = data[i].versionSearch || data[i].identity;
                if (dataString) {
                    if (dataString.indexOf(data[i].subString) != -1)
                        return data[i].identity;
                }
                else if (dataProp)
                    return data[i].identity;
            }
        },
        searchVersion: function (dataString) {
            var index = dataString.indexOf(this.versionSearchString);
            if (index == -1) return;
            return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
        },
        dataBrowser: [
		{ string: navigator.userAgent, subString: "Chrome", identity: "Chrome" },
		{ string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" },
		{ prop: window.opera, identity: "Opera", versionSearch: "Version" },
		{ string: navigator.userAgent, subString: "Firefox", identity: "Firefox" },
		{ string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" },
		{ string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }
	],
        dataOS: [
		{ string: navigator.platform, subString: "Win", identity: "Windows"	},
		{ string: navigator.platform, subString: "Mac", identity: "Mac" },
		{ string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" },
		{ string: navigator.platform, subString: "Linux", identity: "Linux" }
	]
    };
    BrowserDetect.init();
    
    var browser = "";
    if (BrowserDetect.browser == "Safari") {
        browser = 'safari';
    } else if (BrowserDetect.browser == "Chrome") {
        browser = 'chrome';
    } else if (BrowserDetect.browser == "Firefox") {
        browser = 'firefox';
    } else if (BrowserDetect.browser == "Opera") {
        browser = 'opera';
    } else if (BrowserDetect.browser == "Explorer") {
        browser = 'ie';
    }

// set division label, parent company label, and dropdownMenus variable
    if (tkCompany == 'tkmna') {
        if (tkNetwork == 'internet') {
            brandLink = "http://www.tkmna.thyssenkrupp.com/tkmna/";
       } else if (tkNetwork == 'intranet') {
            brandLink = "http://intranet.tkmna.com/tkmna/";
       }
}
else if (tkCompany == 'cnb') {
    divisionLabel = "Copper and Brass Sales Division";
    brandLink = "http://www.copperandbrass.com/cnb/";
}
else if (tkCompany == 'ainp') {
    divisionLabel = "AIN Plastics Division";
    brandLink = "http://www.ainplastics.com/ainp/";
}
else if (tkCompany == 'kmm') {
    divisionLabel = "Ken-Mac Metals Division";
    brandLink = "http://www.kenmacmetals.com/";
}
else if (tkCompany == 'sap') {
    divisionLabel = "Project OPUS";
    brandLink = "http://www.kenmacmetals.com/";
}
else if (tkCompany == 'tkssd') {
    divisionLabel = "ThyssenKrupp Steel Services Distribution";
    brandLink = "http://www.tmxdistribution.com/tkssd/";
}
else if (tkCompany == 'tksst') {
    divisionLabel = "ThyssenKrupp Steel Services Trading";
    brandLink = "http://www.tksstrading.com/tksst/";
}
else if (tkCompany == 'tkhg') {
    divisionLabel = "ThyssenKrupp Industrial Services";
    brandLink = "http://www.tkhearn.com/";
    dropdownMenus = true;
}
else if (tkCompany == 'tkxl') {
    divisionLabel = "TKX Logistics";
    parentCoLabel = "ThyssenKrupp Industrial Services";
    brandLink = "http://www.tkxlogistics.com/tkxl/";
    dropdownMenus = true;
}
else if (tkCompany == 'tkxa') {
    divisionLabel = "TKX Aerospace"
    parentCoLabel = "ThyssenKrupp Aerospace NA"
    brandLink = "http://www.tkxaerospace.com/tkxa/";
}
else if (tkCompany == 'tmxa' || 'aerospace') {
    divisionLabel = "TMX Aerospace";
    parentCoLabel = "ThyssenKrupp Aerospace NA";
    brandLink = "http://www.tmxaerospace.com/tmxa/";
}

if (tkNetwork == 'intranet') {
    intranetLabelOn = true;
    dropdownMenus = true;
}

// start building the header section
document.write('<div style="text-align: right; width: auto" class="header" id="header">');

// set the brand label
document.write('<div class="division"><a href="' + brandLink + '"><span  class="brand">' + parentCoLabel + '</span>');

// add intranet label to intranet sites
if (intranetLabelOn == true) {
    document.write('<span class="tkIntranet">Intranet</span>');
}
document.write('<br />');
// add division label
document.write(divisionLabel + '</a></div>');
document.write('<a href="http://www.thyssenkrupp.com" target="_blank"><div class="tklogo"></div><a>');

// begin building quick menu
var linkWrapOpen = '<table cellpadding="0" cellspacing="0" class="linkWrap" id="';
var linkWrapMiddle = '><tr><td class="left"><td><td class="center">';
var linkWrapClose = '</td><td class="right"></td></tr></table>';

document.write('<div class="quickMenu">');
if (tkSite == 'internet.aerospace') {
    document.write(linkWrapOpen + quickLinkId + '.wrap"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="http://www.tkmna.thyssenkrupp.com/">tkmna.com</a>' + linkWrapClose);
    quickLinkId++;
} else {
    document.write(linkWrapOpen + quickLinkId + '.wrap" onclick="setSelected(' + quickLinkId + ');"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="' + ssUrlPrefix + 'index.htm?selected=' + quickLinkId + '">Home</a>' + linkWrapClose);
    quickLinkId++;
    document.write(linkWrapOpen + quickLinkId + '.wrap" onclick="setSelected(' + quickLinkId + ');"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="' + ssUrlPrefix + 'contact/index.htm?selected=' + quickLinkId + '">Contact</a>' + linkWrapClose);
    quickLinkId++;
    document.write(linkWrapOpen + quickLinkId + '.wrap" onclick="setSelected(' + quickLinkId + ');"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="' + ssUrlPrefix + 'sitemap/index.htm?selected=' + quickLinkId + '">Sitemap</a>' + linkWrapClose);
    quickLinkId++;
    document.write(linkWrapOpen + quickLinkId + '.wrap" onclick="setSelected(' + quickLinkId + ');"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="' + ssUrlPrefix + 'search/index.htm?selected=' + quickLinkId + '">Search</a>' + linkWrapClose);
    quickLinkId++;
    //if (tkSite != 'internet.tkmna' || tkSite != 'internet.mtkl') { //this should work but doesn't
    if (tkSite != 'internet.tkmna') {
        if (tkSite != 'internet.mtkl') {
            document.write(linkWrapOpen + quickLinkId + '.wrap"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="http://www.tkmna.thyssenkrupp.com/">tkmna.com</a>' + linkWrapClose);
            quickLinkId++;
        }
    }
    if (tkSite == 'internet.cnb') {
        document.write(linkWrapOpen + quickLinkId + '.wrap"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="http://www.copperandbrass.com/cnb/fr/">Fran\u00e7ais</a>' + linkWrapClose);
        quickLinkId++;
    }
    if (tkSite == 'intranet.tmxa') {
        document.write(linkWrapOpen + quickLinkId + '.wrap"' + linkWrapMiddle + '<a id="' + quickLinkId + '" class="link" href="http://intranet.tkmna.com">tkmna intranet</a>' + linkWrapClose);
        quickLinkId++;
    }
}
// this closes the quick menu div
document.write('</div>');

// start building the main menu aka navigation menu
document.write('<div class="navMenu">');
//primary Nav loop
for (var i = 0; i < g_navNode_Root.m_subNodes.length; i++) {
    // sets "_this" variable to the current link
    var _this = g_navNode_Root.m_subNodes[i];
    var linkWrapOpen = '<table cellpadding="0" cellspacing="0" class="linkWrap" ';
    linkWrapOpen += ' id="' + _this.m_id + '.wrap" ';
    linkWrapOpen += ' onclick="setSelected(' + _this.m_id + ');" ';
    if (dropdownMenus == true) {
        linkWrapOpen += 'onmouseover="toggleMenuOn(' + _this.m_id + ');" onmouseout="toggleMenuOff(' + _this.m_id + ');"'
    }
    linkWrapOpen += '><tr><td class="left"></td><td class="center">';
    var linkWrapClose = '</td><td class="right"></td></tr><tr><td class="spacerCell" colspan="3" ';
    if (dropdownMenus == true) {
        linkWrapClose += 'onmouseover="toggleMenuOn(' + _this.m_id + ');" onmouseout="toggleMenuOff(' + _this.m_id + ');"'
    }
    linkWrapClose += '></td></tr></table>';

    document.write(linkWrapOpen);
    buildLink(_this);
    document.write(linkWrapClose);
}

function buildLink(_this) {
     if (_this.m_level == 1 && _this.m_subNodes.length > 0 && dropdownMenus == true) {
         document.write('<div class="link"');
         document.write(' id="' + _this.m_id + '" ' );
       }
     else {
    document.write('<a class="link"');
    document.write(' id="' + _this.m_id + '" href="' + _this.m_href + '?selected=' + _this.m_id + '" '); 
     }
    if (_this.m_subNodes.length > 0 && dropdownMenus == true) {
       document.write('onmouseover="toggleMenuOn(' + _this.m_id + ');" onmouseout="toggleMenuOff(' + _this.m_id + ');"');
       if (_this.m_level == 1) {
                                  document.write('onclick="setSelected(' + _this.m_id + ');" ');
        }
    }
    document.write('>')
    if (_this.m_level == 1 && _this.m_subNodes.length > 0 && dropdownMenus == true) {
        document.write(_this.m_label + '</div>');
    } else {
        document.write(_this.m_label + '</a>');
    } 
    if (dropdownMenus == true) {
        if (_this.m_subNodes.length > 0) {
            var left = 0;
            var top = 0;
            var subMenuId = _this.m_id + ".subMenu";
            document.write('<div class="subMenu" id="');
            document.write(subMenuId + '" ');
            if (_this.m_level == 1) {
                document.write(' style="left: ');
            }
            if (_this.m_parent != null && _this.m_level == 1) {
                for (w = _this.m_parent.m_subNodes.indexOf(_this) - 1; w >= 0; w--) {
                    left = left + document.getElementById(_this.m_parent.m_subNodes[w].m_id + ".wrap").offsetWidth;
                    }
                }
            if (_this.m_level > 1) {
                var parentDivId;
                parentDivId = _this.m_parent.m_id + ".subMenu";
                left = document.getElementById(_this.m_id).parentNode.parentNode.offsetWidth;
            }
            if (_this.m_level == 1) {
                document.write('auto; top: 27px;"');
                document.write(' onmouseover="toggleMenuOn(' + _this.m_id + ');" onmouseout="toggleMenuOff(' + _this.m_id + ');"');
                document.write('>');
                document.write('<div class="subMenuContent">');
            }
            else if (_this.m_level >= 2) {
                if (Prototype.Browser.IE == false) {
                    document.write('style="left: auto; ; top: ');
                    top = (_this.m_parent.m_subNodes.indexOf(_this) * 21);
                    document.write(top);
                    document.write('px;" ');
                    document.write('><div class="subMenuContent">');
                } else {
                    document.write('><div class="subMenuContent">');
                }
            }
            for (var i = 0; i < _this.m_subNodes.length; i++) {
                document.write('<div class="subMenuContentRow"');
                if (_this.m_subNodes[i].m_subNodes.length > 0 ) {
                document.write(' onmouseover="toggleMenuOn(' + _this.m_subNodes[i].m_id + ');" onmouseout="toggleMenuOff(' + _this.m_subNodes[i].m_id + ');"');
                }
                document.write(' >');
                buildLink(_this.m_subNodes[i]);
                document.write('</div>');
            }
            document.write('</div></div>');
        }
    }
}

// this closes the navigation menu div
document.write('</div>');

// this closes the header div
document.write('</div>');

function buildMenuId(id) {
    var menu = id + ".subMenu";
    return menu
}

function buildWrapId(id) {
    var wrapId = id + ".wrap";
    return wrapId;
}

function hasClass(el, name) {
    return new RegExp('(\\s|^)' + name + '(\\s|$)').test(el.className);
}

function addClass(el, name) {
    if (!hasClass(el, name)) { el.className += (el.className ? ' ' : '') + name; }
}

function removeClass(el, name) {
    if (hasClass(el, name)) {
        el.className = el.className.replace(new RegExp('(\\s|^)' + name + '(\\s|$)'), ' ').replace(/^\s+|\s+$/g, '');
    }
}

function setSelected(linkId) {
    var selectedWrap = buildWrapId(linkId);
        var unselectedWrap = buildWrapId(unselected);
    if (document.getElementById(selectedWrap)) {
        addClass(document.getElementById(selectedWrap), 'selected');
    }
        if (document.getElementById(unselectedWrap)) {
            removeClass(document.getElementById(unselectedWrap), 'selected');
    }
    unselected = linkId;
}

function toggleMenuOn(id) {
    if (document.getElementById(buildMenuId(id))) {
        document.getElementById(buildMenuId(id)).style.display = 'block';
        document.getElementById(buildMenuId(id)).style.visibility = 'visible';
    }
}

function toggleMenuOff(id) {
    if (document.getElementById(buildMenuId(id))) {
        document.getElementById(buildMenuId(id)).style.display = 'none';
        document.getElementById(buildMenuId(id)).style.visibility = 'collapse';
    }
}

if (BrowserDetect.browser == "Safari") {
    addClass(document.getElementsByTagName('body')[0], 'safari');
} else if (BrowserDetect.browser == "Chrome") {
    addClass(document.getElementsByTagName('body')[0], 'chrome');
} else if (BrowserDetect.browser == "Firefox") {
    addClass(document.getElementsByTagName('body')[0], 'firefox');
} else if (BrowserDetect.browser == "Opera") {
    addClass(document.getElementsByTagName('body')[0], 'opera');
} else if (BrowserDetect.browser == "Explorer") {
    addClass(document.getElementsByTagName('body')[0], 'ie');
    var ieVersion = "ie" + BrowserDetect.version.toString();
    addClass(document.getElementsByTagName('body')[0], ieVersion);
}

if (tkIntranet == true) {
    addClass(document.getElementsByTagName('body')[0], 'intranet');
} else {
    addClass(document.getElementsByTagName('body')[0], 'internet');
}

//set submenu position and width
i = 0;
_this = g_navNode_Root.m_subNodes[0];
function setWidth(_thisNode) {
    var left = 0;
    var menuTop = 0;
    if (_thisNode.m_subNodes.length > 0) {
        for (var n = 0; n < _thisNode.m_subNodes.length; n++) {
            if (left < document.getElementById(_thisNode.m_subNodes[n].m_id).parentNode.parentNode.offsetWidth) {
                left = document.getElementById(_thisNode.m_subNodes[n].m_id).parentNode.parentNode.offsetWidth;
            }
        }
        if (browser != 'ie') {
            left = left - 15;
        }
        for (var p = 0; p < _thisNode.m_subNodes.length; p++) {
            if (Prototype.Browser.IE != true) {
                document.getElementById(_thisNode.m_subNodes[p].m_id).parentNode.style.width = left + "px";
            }
            if (_thisNode.m_subNodes[p].m_subNodes.length > 0) {
                var subMenuId = _thisNode.m_subNodes[p].m_id + ".subMenu";
                if (browser != 'ie') {
                    document.getElementById(subMenuId).style.left = (left + 15) + "px";
                } else {
                    document.getElementById(subMenuId).style.left = '96%'; 
                }
                menuTop = ((_thisNode.m_subNodes.indexOf(_thisNode.m_subNodes[p])) * 21);
                document.getElementById(subMenuId).style.top = menuTop;
            }
        }
    }
}

for (var m = 0; m < g_navNode_Root.m_subNodes.length; m++) {
    var _thisNode = g_navNode_Root.m_subNodes[m];
    if (dropdownMenus == true) {
        if (_thisNode.m_subNodes.length > 0) {
            setWidth(_thisNode);
            for (var q = 0; q < _thisNode.m_subNodes.length; q++) {
                setWidth(_thisNode.m_subNodes[q]);
            }
        }
    }
}
setSelected(selected);