/**
* tabs.js
* @author Garrett Smith, Brandon Blackmoor
*/

if (!window.TabParams) {
    window.TabParams = { useClone: false, alwaysShowClone: false, eventType: "click", tabTagName: "*" };
}

var tabDisplayNone = Browser.id.OP5 ? "" : "none";
var contentInheritVis = Browser.id.OP5 ? "visible" : "inherit";
TabSystem = function TabSystem(el, tabsDiv) {
    if (arguments.length == 0) {
        return;
    }
    
    this.souper = TabSystem.souper;
    this.souper(el);
    if (typeof tabsDiv.onselectstart != "undefined") {
        tabsDiv.onselectstart = function() {
            return false;
        };
    }

    this.el.onChange = this.el.onchange = function() { };
    this.el.onBeforeChange = function() { };
    this.defaultActiveTab = null;
    this.activeTab = null;
    this.relatedTab = null;
    this.nextTab = null;
    this.tabsDiv = tabsDiv;
    this.tabParams = this.getTabParams();
    this.tabArray = get_elements_with_class_from_classList(this.tabsDiv, this.tabParams.tabTagName, ["tab", "tabActive"]);
    this.tabsClone = null;
    this.tabs = new Array(0);
    if (!TabSystem.list[this.id]) {
        TabSystem.list[this.id] = this;
    }
};

TabSystem.list = new Object;
TabSystem.extend(EventQueue);
TabSystem.prototype.parentSystem = function() {
    var root = TabSystem.list["body"];
    if (root = this) {
        return null;
    }
    var parent = findAncestorWithClass(this.el, "content");
    if (parent != null) {
        return TabSystem.list[parent.id];
    }
    return root;
};

TabSystem.prototype.getTabParams = function() {
    if (!this.tabParams) {
        this.tabParams = new Object;
        var parentSystem = this.parentSystem();
        parentTp = (parentSystem == null) ? TabParams : parentSystem.getTabParams();
        for (var param in parentTp)
            this.tabParams[param] = parentTp[param];
    }
    return this.tabParams;
};

TabSystem.prototype.setEventType = function(eventType) {
    var params = this.getTabParams();
    if (params.eventType == eventType) {
        return;
    }

    for (var i = 0, len = this.tabArray.length; i < len; i++) {
        var tab = Tab.list[this.tabArray[i].id];
        tab.removeEventListener("on" + params.eventType, tab.depressTab);
        tab.addEventListener("on" + eventType, tab.depressTab);
    }
    params.eventType = eventType;
};

function removeTabs(ts) {
    ts.tabsDiv.style.display = "none";
    if (ts.tabsClone) {
        ts.tabsClone.style.display = "none";
    }
    var cs = getElementsWithClass(ts.el, "div", "content");
    for (var i = 0; i < cs.length; i++) {
        cs[i].style.visibility = 'visible';
        cs[i].style.display = 'block';
    }
}

function undoRemoveTabs(ts) {
    ts.tabsDiv.style.display = "block";
    if (ts.tabsClone) {
        ts.tabsClone.style.display = "block";
    }
    isTabLayout = true;
    for (var i = 0; i < ts.tabs.length; i++)
        if (ts.tabs[i] != ts.activeTab) {
        ts.tabs[i].content.style.display = "none";
        ts.tabs[i].content.style.visibility = "hidden";
    }
}

TabSystem.prototype.setAlwaysShowClone = function(flag) {
    this.getTabParams().alwaysShowClone = flag;
    this.showTabsCloneIfNecessary();
};

TabSystem.prototype.addClone = function() {
    if (!this.tabsDiv.cloneNode) {
        return;
    }
    this.getTabParams().useClone = true;
    this.tabsClone = this.tabsDiv.cloneNode(true);
    if (!this.tabsClone) {
        return;
    }
    this.tabsClone.className = "tabs tabsClone";
    this.el.appendChild(this.tabsClone);
    for (var i = 0; i < this.tabArray.length; i++) {
        var cont = Tab.list[this.tabArray[i].id];
        var bt = getDescendantById(this.tabsClone, cont.id);
        bt.id = "Bottom" + bt.id;
        cont.bottomTab = new BottomTab(bt, cont);
    }
    this.addEventListener("onchange", updateTabsClonePosition);
    if (Browser.id.MAC_IE5) {
        window.setInterval("updateTabsClonePosition()", 300);
    }
    contentPane.addEventListener("onresize", updateTabsClonePosition);
    this.showTabsCloneIfNecessary();
};

tabInit = function tabInit() {
    if (!Browser.isSupported()) {
        return;
    }

    var tabsDivs = getElementsWithClass(document.body, "div", "tabs");
    if (tabsDivs.length == 0) {
        var tabsDiv0 = document.getElementById("tabs");
        if (tabsDiv0) {
            tabsDivs = [tabsDiv0];
        }
        else {
            return;
        }
    }

    var tabToDepress;
    for (var i = 0; i < tabsDivs.length; i++) {
        var cnt = findAncestorWithClass(tabsDivs[i], "content") || document.body;
        if (!cnt.id) {
            cnt.id = "body";
        }

        var ts = new TabSystem(cnt, tabsDivs[i]);
        var len = ts.tabArray.length;
        for (var j = 0; j < len; new ControllerTab(ts.tabArray[j++], ts));
    }

    var activeTabs = readCookie("activeTabs" + escape(getFilename()));
    if (activeTabs != null) {
        var activeTabArray = activeTabs.split(",");
        for (var i = 0, len = activeTabArray.length;
        i < len;
        i++) {
            var tab = Tab.list[activeTabArray[i]];
            if (tab) {
                tab.depressTab();
            }
        }
    }

    if (Browser.id.MAC_IE5) {
        fixDocHeight = function() {
            document.documentElement.style.height = document.body.style.height = document.body.clientHeight + "px";
        };
        contentPane.addEventListener("onresize", fixDocHeight);
        setTimeout("fixDocHeight()", 500);
    }

    handleHashNavigation();

    deletePageCookie("activeTabs" + escape(getFilename()));

    for (id in TabSystem.list) {
        var ts = TabSystem.list[id];
        if (ts.tabParams.useClone) {
            ts.addClone();
        }
        if (ts.activeTab == null && ts.defaultActiveTab != null) {
            ts.defaultActiveTab.depressTab();
        }
    }
    if (Browser.id.MOZ) {
        repaintFix(document.body);
    }
};

window.id = "window";
contentPane = new EventQueue(window);

function handleHashNavigation() {
    var id = window.location.hash;
    //	alert (id.substring(1));
    if (id) {
        var el = document.getElementById(id.substring(1));
        if (el) {
            var contentEl = findAncestorWithClass(el, "content");
        }
        if (contentEl) {

            //alert (contentEl.id.substring("content".length));		
            switchTabs("tab" + contentEl.id.substring("content".length), null, false);
        }
    }
}

Tab = function Tab(el, ts) {
    if (arguments.length == 0) {
        return;
    }
    this.souper = Tab.souper;
    this.souper(el);
    this.content = null;
    this.tabSystem = ts;
    this.properties = new Object;
    this.el.onActivate = function() { };

    this.addEventListener("onmouseover", this.hoverTab);
    this.addEventListener("onmouseout", this.hoverOff);
    this.addEventListener("on" + this.tabSystem.getTabParams().eventType, this.depressTab);
    if (Browser.id.IE5_0) {
        positionTabEl(this);
    }
    if (!Tab.list[this.id]) {
        Tab.list[this.id] = this;
    }
};

Tab.extend(EventQueue);
Tab.list = new Object;
Tab.prototype.setProperty = function(name, value) {
    this.properties[name] = value;
};

Tab.prototype.getContent = function() {
    if (this.content == null) {
        var id = this.id.substring(3);
        this.content = document.getElementById("content" + id);
        if (!this.content) {
            alert("tab.id=" + this.id + "\n" + "content" + id + " does not exist!");
        }
    }
    return this.content;
};

Tab.prototype.getTabSystem = function() {
    return this.tabSystem;
};

hoverTab = function hoverTab() {
    var tab = Tab.list[this.id];
    var activeTab = tab.tabSystem.activeTab;
    if (activeTab && activeTab.id == tab.id) {
        return;
    }
    tab.setClassName("tabHover tab");
    if (tab.hoversrc) {
        tab.el.src = tab.hoversrc;
    }
};

hoverOff = function hoverOff() {
    var tab = Tab.list[this.id];
    var activeTab = tab.tabSystem.activeTab;
    if (activeTab && activeTab.id == tab.id) {
        return;
    }
    tab.setClassName("tab");
    if (tab.normalsrc) {
        tab.el.src = tab.normalsrc;
    }
};

Tab.prototype.toString = function() {
    return this.id;
};

function resetTab(tab) {
    tab.setClassName("tab");
    if (tab.normalsrc) {
        tab.el.src = tab.normalsrc;
    }
    tab.getContent().style.display = tabDisplayNone;
    tab.getContent().style.visibility = "hidden";
}

ControllerTab = function ControllerTab(el, ts) {
    if (arguments.length == 0) {
        return;
    }
    this.souper(el, ts);

    if (el.tagName.toLowerCase() == "img") {
        this.normalsrc = el.src;
        this.hoversrc = el.getAttribute("hoversrc");
        this.activesrc = el.getAttribute("activesrc");
    }
    if (hasToken(el.className, "tabActive")) {
        this.depressTab();
        this.tabSystem.defaultActiveTab = this;
    }
    else {
        this.getContent().style.display = tabDisplayNone;
        this.getContent().style.visibility = "hidden";
        if (Browser.id.OP5) {
            setTimeout('Tab.list.' + this.id + '.content.style.position="absolute";', 50);
        }
    }

    if (Browser.id.OP5) {
        setTimeout('Tab.list.' + this.id + '.content.style.visibility="hidden";', 50);
    }
    this.tabSystem.tabs[this.tabSystem.tabs.length] = this;
};

ControllerTab.extend(Tab);
ControllerTab.prototype.setClassName = function(klass) {
    this.el.className = klass;
    if (this.bottomTab) {
        this.bottomTab.el.className = klass;
    }
};

ControllerTab.prototype.hoverTab = hoverTab;
ControllerTab.prototype.hoverOff = hoverOff;
ControllerTab.prototype.depressTab = function depressTab(e) {
    var tab = Tab.list[this.id];
    var tabSystem = tab.tabSystem;
    tabSystem.nextTab = tab;
    if (tabSystem.activeTab == tab) {
        return;
    }
    tabSystem.relatedTab = tabSystem.activeTab;
    if (false == tabSystem.el.onBeforeChange()) {
        return;
    }
    tab.el.onActivate();
    tab.setClassName("tab tabActive");
    if (tab.activesrc) {
        tab.el.src = tab.activesrc;
    }
    if (tabSystem.activeTab) {
        resetTab(tabSystem.activeTab);
    }
    tabSystem.activeTab = tab;
    tabSystem.el.onchange();
    if (tabSystem.relatedTab) {
        tabSystem.relatedTab.getContent().style.display = "none";
    }
    tab.getContent().style.display = "block";
    tab.getContent().style.visibility = contentInheritVis;
    tabSystem.nextTab = null;
    if (tabSystem.tabsClone) {
        tabSystem.showTabsCloneIfNecessary();
    }
    if (Browser.id.MOZ) {
        updateTabsClonePosition(1);
    }
};

BottomTab = function BottomTab(el, controllerTab) {
    if (arguments.length == 0) {
        return;
    }
    this.souper(el, controllerTab.tabSystem);
    this.controllerTab = controllerTab;
};

BottomTab.extend(Tab);
BottomTab.prototype.hoverTab = function() {
    this.controllerTab.hoverTab();
};

BottomTab.prototype.hoverOff = function() {
    this.controllerTab.hoverOff();
};

BottomTab.prototype.depressTab = function depressClonedTab(e) {
    var tabSystem = this.tabSystem;
    if (tabSystem.activeTab == this.controllerTab) {
        return;
    }
    this.controllerTab.depressTab(e);
    this.controllerTab.setClassName("tab tabActive");
    window.scrollTo(0, (tabSystem.tabsClone.offsetTop + this.el.offsetHeight) - getViewportHeight());
};

function switchTabs(id, e, bReturn) {
    if (!Browser.isSupported()) {
        return true;
    }
    try {
        var tab = Tab.list[id];
        tab.depressTab(e);
    }
    catch (ex) { }
    if (!bReturn) {
        window.scrollTo(0, 0);
    }
    return bReturn;
}

updateTabsClonePosition = function updateTabsClonePosition(delay) {
    for (var id in TabSystem.list)
        if (TabSystem.list[id].tabParams.useClone) {
        setTimeout("TabSystem.list." + id + ".setTabsClonePosition();", delay || 500);
    }
};

TabSystem.prototype.setTabsClonePosition = function() {
    if (!this.activeTab) {
        return;
    }
    var adjustment = 0;
    var contentEl = this.activeTab.content;
    if (Browser.id.IE5_0 || Browser.id.MAC_IE5) {
        adjustment = 0;
    }
    else {
        adjustment = 2;
    }
    this.tabsClone.style.top = (contentEl.offsetHeight + contentEl.offsetTop + adjustment) + px;
};

TabSystem.prototype.showTabsCloneIfNecessary = function() {
    if (!this.activeTab) {
        return;
    }
    var contentEl = this.activeTab.content;
    var contentBottom = contentEl.offsetTop + contentEl.offsetHeight;
    var visibility = (contentBottom > getViewportHeight() || this.getTabParams().alwaysShowClone) ? "inherit" : "hidden";
    this.tabsClone.style.visibility = visibility;
    this.setTabsClonePosition();
    if (Browser.id.MOZ) {
        window.scrollBy(0, 1);
        window.scrollBy(0, -1);
    }
};

function saveTabSystemState() {
    var activeTabList = getElementsWithClass(document.body, TabParams.tabTagName, "tabActive");
    for (var i = 0; i < activeTabList.length; i++) {
        if (!activeTabList[i].id) {
            continue;
        }
        activeTabList[i] = activeTabList[i].id;
        createCookie("activeTabs" + escape(getFilename()), activeTabList);
    }
};

contentPane.addEventListener("onunload", saveTabSystemState);

function positionTabEl(tab) {
    var tabs = tab.el.parentNode;
    if (tab.tagName == "IMG" || tab.id.indexOf("Bottomtab") == 0) {
        return;
    }
    if (!tabs.tabOffset) {
        tabs.tabOffset = 0;
    }
    var tabWidth = Math.round(tab.el.offsetWidth * 1.1) + 15;
    var sty = tab.el.style;
    sty.left = tabs.tabOffset + px;
    sty.width = tabWidth + px;
    sty.textAlign = "center";
    sty.display = "block";
    sty.position = "absolute";
    tabs.tabOffset += parseInt(tab.el.offsetWidth) + 4;
}

if (Browser.id.OP5) {
    window.document.write("<style>.content { position:absolute; } </style>");
}