var menutabs={
	subcontainers:[], last_accessed_tab:null, selectedTab:0,
    
	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++){
	    alert(document.getElementById(this.subcontainers[i]))
		document.getElementById(this.subcontainers[i]).style.display="none"
	}
	},
    
    setcurrentmenu:function(curtabref, menuId){
        var tabItems=document.getElementById(menuId).getElementsByTagName("a")
        if (tabItems[selectedTab]==curtabref)
            return;
            
        tabItems[selectedTab].className="current"
        curtabref.className=""
        this.last_accessed_tab=tabItems[selectedTab]
	},
	

	init:function(menuId, selectedIndex){
	    var tabItems=document.getElementById(menuId).getElementsByTagName("a")
	    selectedTab = selectedIndex
		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(){
		    menutabs.revealsubmenu(this)
		}
		
		tabItems[i].onmouseout=function(){
		    menutabs.setcurrentmenu(this,menuId)
		}
		
		} //END FOR LOOP
	}

}