var menutabs =
{
	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"))
			document.getElementById(curtabref.getAttribute("rel")).style.display = "block"
			curtabref.className = "active"
			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, homeIndex)
	{
		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")
			
			if(i == selectedIndex)
			{
				tabItems[i].className = "active"
				this.revealsubmenu(tabItems[i])
			}
			
			tabItems[i].onmouseover = function()
			{
				menutabs.revealsubmenu(this)
			}
		}
	}
}

var homestate =
{
	substate:[], last_accessed_tab:null, revealsubstate:function(curtabref)
	{
		this.hideallsubs()
		if(this.last_accessed_tab != null)
			this.last_accessed_tab.className = ""		
		
		if(curtabref.getAttribute("title"))
			document.getElementById(curtabref.getAttribute("title")).style.display = "block"
			curtabref.className = "active"
			this.last_accessed_tab = curtabref
	},

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

	init:function(menuId, selectedIndex)
	{
	var tabItems=document.getElementById(menuId).getElementsByTagName("span")
		for(var i = 0; i < tabItems.length; i++)
		{
			if(tabItems[i].getAttribute("title"))
				this.substate[this.substate.length] = tabItems[i].getAttribute("title")
			
			if(i == selectedIndex)
			{
				tabItems[i].className = "active"
				this.revealsubstate(tabItems[i])
			}
			
			tabItems[i].onmouseover = function()
			{
				homestate.revealsubstate(this)
			}
		}
	}
}
var homestate2 =
{
	substate:[], last_accessed_tab:null, revealsubstate:function(curtabref)
	{
		this.hideallsubs()
		if(this.last_accessed_tab != null)
			this.last_accessed_tab.className = ""		
		
		if(curtabref.getAttribute("title"))
			document.getElementById(curtabref.getAttribute("title")).style.display = "block"
			curtabref.className = "active"
			this.last_accessed_tab = curtabref
	},

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

	init:function(menuId, selectedIndex)
	{
	var tabItems=document.getElementById(menuId).getElementsByTagName("span")
		for(var i = 0; i < tabItems.length; i++)
		{
			if(tabItems[i].getAttribute("title"))
				this.substate[this.substate.length] = tabItems[i].getAttribute("title")
			
			if(i == selectedIndex)
			{
				tabItems[i].className = "active"
				this.revealsubstate(tabItems[i])
			}
			
			tabItems[i].onmouseover = function()
			{
				homestate2.revealsubstate(this)
			}
		}
	}
}