var currentTab;
var currentPanel;
var homePanel = 0;
var tabName = "mm_tab";
var tabNameLen = tabName.length;
var isIE;

var cc_imgdir = "/site-cc/images/";
var cc_images = ["tab1_on.gif", "tab2_on.gif", "tab3_on.gif", "tab4_on.gif", "tab5_on.gif", "tab6_on.gif"];
var cc_preloaded = [];


if (typeof window.addEventListener !== 'undefined') {
  isIE = 0;
}
else if (typeof window.attachEvent !== 'undefined') {
  isIE = 1;
}

function cc_preloadImg(arr) {
    for (var i = 0; i < arr.length; i++) {
        cc_preloaded[i] = document.createElement('img');
        cc_preloaded[i].setAttribute('src', cc_imgdir + arr[i]);
    }
}

function cc_toggleTab(state) {
  var aObj;
  if (currentTab != null) aObj = currentTab.getElementsByTagName("a");

  if (aObj != null && aObj != "") {
    if (!state) {
      aObj[0].className = "current";
      cc_togglePanel(currentTab)
    } else {
      aObj[0].className = "";
      currentTab = null;
    }
  }
  return false;
}

function cc_togglePanel(tab) {
  currentTab = tab;
  tabClass = tab.className;
  currentPanel = tabClass.substr(tabNameLen);
  var sec = document.getElementById("panel_sections");
  if (sec != null) sec.className = "panel_" + currentPanel;
}

function cc_resetPanel() {
  var sec = document.getElementById("panel_sections");
  if (sec != null) sec.className = "panel_" + homePanel;
}

function cc_resetAll() {
  cc_resetPanel();
  cc_toggleTab("off");
}

function cc_initTabs() {
    if (OneWeb.Admin) {
        document.getElementById("panel_sections").className = "panel_0 panel_1 panel_2 panel_3 panel_4 panel_5 panel_6";
    } else {

        var tabGroup = document.getElementById("tabs");
        var sec = document.getElementById("panel_sections");

        if (tabGroup != null) {
            var tabList = tabGroup.getElementsByTagName("div");
            var tab = null;
            for (var i = 0; i < tabList.length; i++) {
                tab = tabList[i];
                if (tab != null && tab.className != "robots-nocontent") {
                    tab.onmouseover = function() { cc_togglePanel(this); return false; }
                    tab.onmouseout = function() { cc_resetPanel(); return false; }
                }
            }

            if(sec != null) {
                sec.onmouseover = function() { cc_toggleTab(); return false; }
                //sec.onmouseout = function() { cc_resetAll(); return false; }

                sec.onmouseout = function(e) {
                    if (!e) var e = window.event;
                    var tg = (window.event) ? e.srcElement : e.target;
                    if (tg.nodeName != 'DIV') return;
                    var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
                    while (reltg != tg && reltg.nodeName != 'BODY')
                        reltg = reltg.parentNode
                    if (reltg == tg) return;
                    cc_resetAll(); return false;
                }

                sec.className = " panel_0";
            }
        }
        cc_preloadImg(cc_images);
	}
}

OneWeb.Util.appendLoadEvent(cc_initTabs);