/***********************************************
* 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, timer: 0, changetimer:0, resettimer: 5000, startTime:0, endTime: 0, change: 0, padding:0, reset: 0, defmenu: 0, defpadd: 0,
	
	relover:function(){		
		this.reset=false	  
	},
	
	relout:function(){			
		window.clearTimeout(this.timer)
		this.timer=window.setTimeout("dolphintabs.resettodefault()", this.resettimer)
		this.reset=true
	},
	
	over:function(id, padd){
		 this.reset=false
		 window.setTimeout("dolphintabs.revealsubmenu('"+ id +"','"+ padd +"')", this.changetimer)	
			 
	},
	
	out:function(){
		dolphintabs.relout()
		
	},
	
	resettodefault:function()
	{
		if (this.reset) {
		dolphintabs.revealsubmenu(defmenu, defpadd)		
		}
	},
	
	revealsubmenu:function(curtabref, padd){		

			this.hideallsubs()
			if (this.last_accessed_tab!=null ) {				
				if (this.last_accessed_tab.id!=defmenu) {
					this.last_accessed_tab.className=""
				}
			}	
		
			if (document.getElementById(curtabref).getAttribute("rel")){ //If there's a sub menu defined for this tab item, show it
				document.getElementById(document.getElementById(curtabref).getAttribute("rel")).style.display="block"	
				//document.getElementById("dolphincontainer").style.backgroundImage="url(../images/dolphin_mainbg_current.gif)"
								document.getElementById(document.getElementById(curtabref).getAttribute("rel")).style.paddingLeft=padd +"px"
				
				}
				
			if (curtabref!=defmenu) {
			
			document.getElementById(curtabref).className="current"}
			this.last_accessed_tab=document.getElementById(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")
		defmenu="menu100"
		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
				this.padding=tabItems[i].getAttribute("padd")			
				aitems=document.getElementById(tabItems[i].getAttribute("rel")).getElementsByTagName("a")
				for (var j=0; j<aitems.length; j++){
					aitems[j].onmouseover=function(){
					dolphintabs.relover()	
					}
					aitems[j].onmouseout=function(){
					dolphintabs.relout()	
					}
				}
				document.getElementById(tabItems[i].getAttribute("rel")).onmouseover=function(){
				dolphintabs.relover()	
				}
				document.getElementById(tabItems[i].getAttribute("rel")).onmouseout=function(){
				dolphintabs.relout()	
				}
				}
				
			if (i==selectedIndex){ //if this tab item should be selected by default	
				defmenu=tabItems[i].id
				defpadd=tabItems[i].getAttribute("padd")
				tabItems[i].className="default"
				this.revealsubmenu(tabItems[i].id, tabItems[i].getAttribute("padd"))
			}
		
			
			tabItems[i].onmouseover=function(){
			dolphintabs.over(this.getAttribute("id"), this.getAttribute("padd"))		
			}
			tabItems[i].onmouseout=function(){
			dolphintabs.out()		
			
		}
		} //END FOR LOOP		
		document.getElementById("dolphincontainer").onmouseover=function(){
				dolphintabs.relover()	
				}
		document.getElementById("dolphincontainer").onmouseout=function(){
				dolphintabs.relout()	
				}
	}

}