﻿// JScript File
function TabStrip(parent) {
    if(!window.top.tabStripCounter) {
        window.top.tabStripCounter = 0;
    } 
    var stripHolder = document.createElement("span");
    stripHolder.className = "et_tabStrip";
    parent.appendChild(stripHolder);
    this.id = 'et_tabStrip_' + window.top.tabStripCounter;
    stripHolder.fullObj = this;
    this.stripHolder = stripHolder;
    this.tabs = [];
    this.tabCount = 0;
    window.top.tabStripCounter++;
    return stripHolder;
}
TabStrip.prototype.addTab = function(tabText, linkUrl) {
    var newTab = new Tab(tabText, this, linkUrl);
    this.stripHolder.appendChild(newTab);
    this.tabs.push(newTab);
    this.tabCount++;
    return newTab;
   
}
function Tab(tabText, tabStrip, linkUrl) {
    var safeTabText = tabText.replace(/ /g, "");
    safeTabText = safeTabText.replace("&", "");
    safeTabText +="Tab"
    var leftEdge = document.createElement("span");
    leftEdge.className = "et_tabStrip_leftEdge " + safeTabText;
    leftEdge.id = "leftEdge_" + tabStrip.tabCount;
    var rightEdge = document.createElement("span");
    rightEdge.className = "et_tabStrip_rightEdge";
    rightEdge.id="rightEdge_" + tabStrip.tabCount;
    var link = document.createElement("a");
    link.href=linkUrl
    var tabText = document.createTextNode(tabText);
    link.appendChild(tabText);
    rightEdge.appendChild(link);
    leftEdge.appendChild(rightEdge);
    leftEdge.tabObject = this;
    leftEdge.link = link;
    link.onmouseover = tabMouseOver;
    link.onmouseout = tabMouseOut; 
    this.hideMenu = hideMenu;
    this.tabBody = leftEdge;
    this.inMenu = false;
    return leftEdge;
}
Tab.prototype.addMenuItem = function(itemName, linkUrl) {
    if(!this.menu) {
        var menuHolder = document.createElement("span");
        menuHolder.className = "et_tabMenu";
        menuHolder.style.display = "none";
        this.tabBody.appendChild(menuHolder);
        this.menu = menuHolder;
    }
    var menuItem = document.createElement("span");
    menuItem.className = "et_tabMenuItem";
    var menuLink = document.createElement("a");
    menuLink.className = "et_tabMenuLink";
    menuLink.href=linkUrl;
    var menuText = document.createTextNode(itemName);
    menuLink.appendChild(menuText);
    menuLink.onmouseover = tabMenuMouseOver;
    menuLink.onmouseout = tabMenuMouseOut;
    menuItem.appendChild(menuLink);
    menuLink.tab = this;
    this.menu.appendChild(menuItem);
}
Tab.prototype.showMenu = function() {
    if(this.menu) {
        this.menu.style.display = "block";
    }
}
function hideMenu() {
    if(this.menu && !this.inMenu) {
        this.menu.style.display = "none";
    }
}
function hideTabMenu(tab) {
    if(!tab.innerHTML) {
        tab = document.getElementById(tab);
    }
    if(tab && tab.tabObject.menu && tab.tabObject.inMenu == false) {
        tab.tabObject.menu.style.display = "none";
    }
}
function tabMouseOver(evt) {
    if(!evt) {
        evt = window.event;
        evt.target = evt.srcElement;
    }
    addClass(evt.target.parentNode.parentNode, "activeTab");
    evt.target.parentNode.parentNode.tabObject.showMenu();
}
function tabMenuMouseOver(evt) {
    if(!evt) {
        evt = window.event;
        evt.target = evt.srcElement;
    }
    evt.target.tab.inMenu = true;
    addClass(evt.target.parentNode, "activeTabMenuItem");
}

function addClass(element, className) {
    var oldClass = element.className;
    oldClass += " " + className + " ";
    element.className = oldClass;
} 
function removeClass(element, className) {
     var oldClass = element.className;
    oldClass = oldClass.replace(className, " ");
    element.className = oldClass;
}
function tabMouseOut(evt) {
     if(!evt) {
        evt = window.event;
        evt.target = evt.srcElement;
    }
    removeClass(evt.target.parentNode.parentNode, "activeTab");
    setTimeout("hideTabMenu('" + evt.target.parentNode.parentNode.id +"')", 1500);
    
}
function tabMenuMouseOut(evt) {
     if(!evt) {
        evt = window.event;
        evt.target = evt.srcElement;
    }
    evt.target.tab.inMenu = false;
    removeClass(evt.target.parentNode, "activeTabMenuItem");
    setTimeout("hideTabMenu('" + evt.target.tab.tabBody.id + "')", 2000);
}
function initializeSenecaTabs() {
      var tabStrip = new TabStrip(document.getElementById('tabHolder'));
      tabStrip = tabStrip.fullObj;
        
      var home = tabStrip.addTab('HOME', '/Default.aspx');
      var whyUs = tabStrip.addTab('WHY US', '/WhyUs.aspx');  
      
      var divisions = tabStrip.addTab('DIVISIONS', '/Divisions.aspx');  
      divisions.tabObject.addMenuItem("Automotive", "/div_Auto/Default.aspx");
      //divisions.tabObject.addMenuItem("Car Wash", "/div_Car/Default.aspx");
      divisions.tabObject.addMenuItem("Electrical", "/div_Elec/Default.aspx");
      divisions.tabObject.addMenuItem("Environmental", "/div_Env/Default.aspx");
      divisions.tabObject.addMenuItem("Industrial", "/div_Ind/Default.aspx");
      divisions.tabObject.addMenuItem("Petroleum", "/div_Petro/Default.aspx");
      divisions.tabObject.addMenuItem("Process Systems (Remediation)", "/div_Rem/Default.aspx");
      divisions.tabObject.addMenuItem("Waste", "/div_Waste/Default.aspx");
      tabStrip.addTab('STORE', '/ECommerce/Default.aspx');  
       tabStrip.addTab('NEWS & PROMOTIONS', '/Register.aspx');  
}