var CLASS_SELECTED = "selected";
var EMPTY_STRING   = "";
var DISPLAY_NONE   = "none";
var DISPLAY_BLOCK  = "block"

function tabSelector(jvarClassSelected)
{
	var aryMenu = new Array();
	var aryTab  = new Array();
	
	this.pushPair          = pushPair; // for Tab and Div. For One Tabe with many Content(hidden DIV).
	this.pushTab           = pushTab;  // for Tab only. For One Tab One Content per page.
	this.setTab            = setTab;   // set Tab to selected status.
	this.getContentByTabId = getContentByTabId; //get other Div on the same page by Tab selected.
	
	if(jvarClassSelected != null)
		CLASS_SELECTED = jvarClassSelected;
	
	function pushPair(jvarTabId, jvarDivId)
	{
		aryMenu.push(new Array(jvarTabId, jvarDivId));
	}
	function pushTab(jvarTabId)
	{
		aryTab.push(jvarTabId);
	}	
	function setTab(jvarTabId)
	{
		document.getElementById(jvarTabId).className = CLASS_SELECTED;
	}
	function getContentByTabId(jvarTabId)
	{
		for(var i = 0; i < aryMenu.length; i++)
		{	
			document.getElementById(aryMenu[i][0]).className = EMPTY_STRING;
			document.getElementById(aryMenu[i][1]).style.display = DISPLAY_NONE;
			
			if(aryMenu[i][0] == jvarTabId)
			{
				document.getElementById(aryMenu[i][1]).style.display = DISPLAY_BLOCK;
				setTab(aryMenu[i][0]);
			}
		}
		
	}	
}