//**************************************************************************************
// Object:		TabNav
// Inherits:	None
TabNav = function() {
	this.contentDiv;	
	
} // end object

	//**************************************************************************************
	// Method:		load()
	// Returns:		nothing
	TabNav.prototype.load = function(){
		for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
			var ulobj=document.getElementById(arguments[i])
			var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
			for (var x=0; x<ulist.length; x++){ //loop through each LI element
				var ulistlink=ulist[x].getElementsByTagName("a")[0]
				
				ulistlink.evalJs = this.getEvalJsFunc(x);
				ulistlink.onclick=function(){
					
					// CDA project: 12/14/06 added to handle tab clicks
					var ullist=this.parentNode.parentNode.getElementsByTagName("li")
					for (var i=0; i<ullist.length; i++) {
						ullist[i].className="not_selected"  //deselect all tabs		
						//alert(ullist[i].getElementsByTagName("img")[0]);
						ullist[i].getElementsByTagName("img")[0].src = "images/tableTabLeftOff.gif"
						ullist[i].getElementsByTagName("img")[1].src = "images/tableTabRightOff.gif"
						
					}
					// turn on selected tab
					this.parentNode.getElementsByTagName("img")[0].src = "images/tableTabLeftOn.gif"
					this.parentNode.getElementsByTagName("img")[1].src = "images/tableTabRightOn.gif"
					this.parentNode.className="selected"  //highlight currently clicked on tab
					//this.href = this.evalJS;
					var func = eval(this.evalJs);
					return
				} // end nested function
			} // end for
		} // end for
	} // end method

	//**************************************************************************************
	// Method:		getEvalJsFunc().  This method is meant to be overriden.  Gets what function to call
	//				displaying text in content div.  Function call text will be stored in the prototyped 'evalJs' property
	//				of the HtmlElement object.  'anchorLoopIndex' is the
	//				current anchor within a for loop. Loop order is as visually seen.  Therefore,
	//				'anchorLoopIndex' value 0 is always the first anchor in your navigation.
	// Returns:		Function call in string format
	TabNav.prototype.getEvalJsFunc = function(anchorLoopIndex){
		alert("UNEXPECTED: 'TabNav.setEvalJsFunc' method is meant be to overriden. Refer to method description in js/TabNav.js");
			
	} // end method
	
		//**************************************************************************************
	// Method:		clearContent()
	// Returns:		Null
	TabNav.prototype.clearContent = function(datasource, dataNode, noDataMessage) {
		//this.contentDiv.style.height="170px";
		this.contentDiv.innerHTML = "";
	 } // end method
	
	//**************************************************************************************
	// Method:		resizeContent()
	// Returns:		Null
	TabNav.prototype.resizeContent = function(datasource, dataNode, noDataMessage) { 
		CDA.Page.resizeBody();
	} // end method