/***********************************************
* Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

var dolphintabs = {
    subcontainers: [],
    last_accessed_tab: null,

    revealsubmenu: function(curtabref) {
        this.hideallsubs()
        if (this.last_accessed_tab != null)
        this.last_accessed_tab.className = ""
        if (curtabref.getAttribute("rel"))
            //If there's a sub menu defined for this tab item, show it
            document.getElementById(curtabref.getAttribute("rel")).style.display = "block"
        curtabref.className = "current"
        this.last_accessed_tab = curtabref
    },

    hideallsubs: function() {
        for (var i = 0; i < this.subcontainers.length; i++)
        document.getElementById(this.subcontainers[i]).style.display = "none"
    },


    init: function(menuId, selectedIndex) {
        var tabItems = document.getElementById(menuId).getElementsByTagName("a")
        for (var i = 0; i < tabItems.length; i++) {
            if (tabItems[i].getAttribute("rel"))
            this.subcontainers[this.subcontainers.length] = tabItems[i].getAttribute("rel")
            //store id of submenu div of tab menu item
            if (i == selectedIndex) {
                //if this tab item should be selected by default
                tabItems[i].className = "current"
                this.revealsubmenu(tabItems[i])
            }
            tabItems[i].onmouseover = function() {
                dolphintabs.revealsubmenu(this)
            }
        }
        //END FOR LOOP
    }

}