var freeIndex = new Array() ;

function freeGet(i) {
	for ( ; freeIndex[i] ; i++ ) ;
	freeIndex[i] = 1 ;
	return i ;
}

function freeRelease(index) {
	freeIndex[index] = 0 ;
}


function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}


var tabListId =  'phitablist';
var tabPanelsId = 'phitabs'


var PHITabs = {			
	CloseTab: function(tabId) {
			var lastTabId = "";
			var somethingHasFocus = false;

			freeRelease(tabId) ;

			var closeTab = true;
			var closeJS = "if (window.tabClose"+tabId+") { closeTab = tabClose"+tabId+"(); }";
			eval(closeJS);
			if (!closeTab) // user cancelled close tab
			{
				return;
			}

			/* Remove all the event functions for this tab */
			eval("if (window.tabOpen"+tabId+") { tabOpen"+tabId+" = null; }");
			eval("if (window.tabFocus"+tabId+") { tabFocus"+tabId+" = null; }");
			eval("if (window.tabBlur"+tabId+") { tabBlur"+tabId+" = null; }");
			eval("if (window.tabClose"+tabId+") { tabClose"+tabId+" = null; }");

			/* Remove the tab */
			var tabList = document.getElementById(tabListId);
			for (var i=0; i < tabList.childNodes.length; i++)
			{
				if (tabList.childNodes[i] && tabList.childNodes[i].tagName == "LI" )
				{
					if (tabList.childNodes[i].getAttribute('id') == tabId)
					{
						tabList.removeChild(tabList.childNodes[i]);
					}
				}
			}

			/* Remove the panel */
			var panelList = document.getElementById(tabPanelsId);
			for (i=0; i < panelList.childNodes.length; i++)
			{
				if (panelList.childNodes[i] && panelList.childNodes[i].tagName == "DIV" )
				{
					if (panelList.childNodes[i].getAttribute('id') == "panel_" + tabId)
					{
						panelList.removeChild(panelList.childNodes[i]);
					}
				}
			}
		
			// If we closed the tab that had focus, focus on another tab.
			for (i=0; i < tabList.childNodes.length; i++)
			{
				if (tabList.childNodes[i] && tabList.childNodes[i].tagName == "LI" )
				{
					lastTabId = tabList.childNodes[i].getAttribute('id');
					if (tabList.childNodes[i].getAttribute('tabColor') + "selected" == tabList.childNodes[i].className)
					{
						somethingHasFocus = true;
					}
				}
			}
			
			if (!somethingHasFocus)
			{
				PHITabs.FocusTab(lastTabId);
			}
		},
				




	CreateNewTab: function(tabId, tabLabel, tabURL, tabIsCloseable, tabColor) {
			// create the tab
			var newLabel = document.createElement('span');
			newLabel.setAttribute("id", "tabSpan" + tabId);
			newLabel.className = tabColor;
			newLabel.setAttribute("tabColor", tabColor);
			if (tabIsCloseable)
			{
				newLabel.innerHTML = "<div id=\"tabHandle_" + tabId + "\" class=\"tabHandle\">" + tabLabel + "</div> <img src=\"i/x.png\" border=\"0\"  width=\"14\" height=\"14\" onclick=\"PHITabs.CloseTab('" + tabId + "');return false;\" />";
			}
			else
			{
				newLabel.innerHTML = "<div id=\"tabHandle_" + tabId + "\" class=\"tabHandle\">" + tabLabel + "</div> <img src=\"i/spacer.gif\" border=\"0\" width=\"14\" height=\"14\" />";
			}

			var oldTab = document.getElementById(tabId);
			var newTab = oldTab
 			if (oldTab == null) {
			  newTab = document.createElement('li'); 
      			}

			newTab.className = tabColor;
			newTab.setAttribute("id", tabId);
			newTab.setAttribute("tabId", tabId);
			newTab.setAttribute("tabLabel", tabLabel);
			newTab.setAttribute("tabColor", tabColor);
			newTab.onclick = function () { PHITabs.FocusTab(tabId); return false; }
			newTab.setAttribute("tabIsCloseable", "0");
			
			if (tabIsCloseable)	{
				newTab.setAttribute("tabIsCloseable", "1");
			}
			newTab.setAttribute('isFocused','true');
			newTab.appendChild(newLabel);
			if (oldTab == null) {
 			  document.getElementById(tabListId).appendChild(newTab);
		        }
			
			// create the panel
			var oldPanel = document.getElementById('panel_' + tabId);
			var newPanel = oldPanel
			if (oldPanel == null) {
 			    newPanel = document.createElement('div');
                        }
			newPanel.setAttribute('id','panel_' + tabId);
			newPanel.setAttribute("panelURL", tabURL);
			newPanel.setAttribute("tabColor", tabColor);
			newPanel.className = tabColor + "Panel";
			
			/* newPanel.style.display = "none"; */
			document.getElementById(tabPanelsId).appendChild(newPanel);

			PHITabs.FocusTab(tabId); // this will get run before the tab has any tabFocus() function, so tabFocus() won't get run. (make your tabOpen() run something if you need it to)
			PHITabs.RefreshTab(tabId); // load the page up

		},
		




	 GetFocusedTabId: function()
		{
			var tabList = document.getElementById(tabListId);
			for (var i=0; i < tabList.childNodes.length; i++)
			{
				if (tabList.childNodes[i] && tabList.childNodes[i].tagName == "LI" )
				{
					if (tabList.childNodes[i].getAttribute('tabColor') + "selected" == tabList.childNodes[i].className)
					{
						return tabList.childNodes[i].getAttribute('id');
					}
				}
			}
      return false;
		},
		




	FocusTab: function(tabId)
		{
			var currentFocusedTabId = PHITabs.GetFocusedTabId();
			
			var tabList = document.getElementById(tabListId);
			for (var j=0; j < tabList.childNodes.length; j++)
			{
				if (tabList.childNodes[j] && tabList.childNodes[j].tagName == "LI" )
				{
					var className = tabList.childNodes[j].getAttribute("tabColor");
  					if (className == null) {  
              className = ''; 
            }
					var currentTabId = tabList.childNodes[j].getAttribute("tabId");
					if (currentTabId == tabId)
					{
						tabList.childNodes[j].className = className + "selected";
//						document.getElementById("tabSpan" + tabList.childNodes[j].getAttribute("id")).className = className + "selected";
						document.getElementById("panel_" + currentTabId).style.display = "block";
//		 			        document.getElementById("panel_" + currentTabId).style.position = ""; 
   						document.getElementById("panel_" + currentTabId).style.visibility = "visible"; 
   						document.getElementById("panel_" + currentTabId).style.height = 'auto';	                       
					}
					else
					{
						tabList.childNodes[j].className = className;
//						document.getElementById("tabSpan" + tabList.childNodes[j].getAttribute("id")).className = className;
						if(currentTabId != null) {
   						   document.getElementById("panel_" + currentTabId).style.display = "none";
//   						   document.getElementById("panel_" + currentTabId).style.position = "absolute"; 
   						   document.getElementById("panel_" + currentTabId).style.visibility = "hidden"; 
     						   document.getElementById("panel_" + currentTabId).style.height = '0px'
                                                }

					}
				}
			}
			
			if (tabId != currentFocusedTabId)
			{
				eval("if (window.tabBlur"+currentFocusedTabId+") { tabBlur"+currentFocusedTabId+"(); }");
				eval("if (window.tabFocus"+tabId+") { tabFocus"+tabId+"(); }");
			}
		},
		






	 RefreshTab: function(tabId)
		{
			/* document.getElementById("panel_" + tabId).innerHTML = "Hello, World.<br/>" + document.getElementById("panel_" + tabId).getAttribute("panelURL"); */
			
			var http = jxGetXHO('html');
			var panel = document.getElementById('panel_' + tabId);
			var page = panel.getAttribute('panelURL');
			var url = page;
			var now = new Date();
			var openFuncExists = false;
			var timeoutId;
			
			// hack to get IE to refresh all the time by making each url unique by adding a timestamp onto it. (ie tries to cache everything)
			if (url.indexOf("?") > -1) // this url has get params somewhere
			{
				if (url.substr(url.length-1) == "&") // has a & at the end, no need to append another
				{
					url = url + "t=" + now.getTime();
				}
				else // no & on the end, append it
				{
					url = url + "&t=" + now.getTime();
				}
			}
			else // no params on this url. append a ?
			{
				url = url + "?t=" + now.getTime();
			}
			// end IE hack				

			http.open("GET", url, true);
			http.onreadystatechange = function() {
				if (http.readyState == 4 || http.readyState == 3 ) {
					if (http.status == 200)
					{
						window.clearTimeout(timeoutId);
						var htmlDoc = http.responseText;
						
						document.getElementById('panel_' + tabId).innerHTML = htmlDoc;

						if (http.readyState == 4 && document.getElementById('ajax_relatedcommands_' + tabId)) {
							var lcscript = document.getElementById('ajax_relatedcommands_'  + tabId).innerHTML;
							lcscript = lcscript.replace(/&amp;/g, "&") ;
							eval(lcscript);
						}

						if (http.readyState == 4 && document.getElementById('ajax_lastcommands_' + tabId)) {
							var lcscript = document.getElementById('ajax_lastcommands_'  + tabId).innerHTML;
							eval(lcscript);
						}


						/* if (document.getElementById('script_' + tabId)) */
						if (document.getElementById('ajaxed_js_' + tabId))
						{
							/* Setup the event functions for this tab */
							/* var script = document.getElementById('script_' + tabId).innerHTML; */
							var script = document.getElementById('ajaxed_js_' + tabId).innerHTML;
							eval(script);
							eval("if (window.tabOpen"+tabId+") { tabOpen"+tabId+"(); }");
						}
					}
				}
			}
			document.getElementById('panel_' + tabId).innerHTML = "<div class='loadingBox'><b>Please wait. Loading...</b> <img src='./i/indicator.gif' /></div>";
			
			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);
			
			timeoutId = window.setTimeout(
				function() {
					switch (http.readyState) {
						case 1:
						case 2:
						case 3:
							http.abort();
							document.getElementById('panel_' + tabId).innerHTML = "<h2>Error Loading Data</h2><a href=\"javascript:void(0)\" onclick=\"PHITabs.RefreshTab('" + tabId + "');\">Retry</a>";
							alert("Oops. There was an error retreiving data from the server. Please try again in a few moments.");
							break;
						default:
							break;
					}
				},
				60000 // twenty seconds
			);

   	 },
		






	TabExists: function(tabId) {
		var exists = false ;
		var tabList = document.getElementById(tabListId) ;
		for ( var j=0 ; j < tabList.childNodes.length ; j++ ) {
			if ( tabList.childNodes[j] && tabList.childNodes[j].tagName == "LI" ) {

				var currentTabId = tabList.childNodes[j].getAttribute("tabId") ;
				var currentTabHTMLId = tabList.childNodes[j].getAttribute("id") ;
				if ( currentTabId == tabId ) {
					exists = true;
				}
				if ( currentTabHTMLId == tabId ) {
					tabList.childNodes[j].setAttribute("tabId", tabId) ;
				}
			}
		}
		return exists ;
	},
		
	OpenTab: function(tabId, tabLabel, tabURL, tabIsCloseable, tabColor) {
		if (PHITabs.TabExists(tabId)) {
			PHITabs.FocusTab(tabId) ;
		} else {
			PHITabs.CreateNewTab(tabId, tabLabel, tabURL, tabIsCloseable, tabColor) ;
		}
	} ,

	SetTabURL: function(tabId, url) {
		document.getElementById('panel_' + tabId).setAttribute('panelURL', url) ;
		PHITabs.RefreshTab(tabId) ;
	} ,
	GetTabURL: function(tabId) {
		return document.getElementById('panel_' + tabId).getAttribute('panelURL') ;
	} ,
	AppendTabURL: function(tabId, appendUrl) {
		url = document.getElementById('panel_' + tabId).getAttribute('panelURL') ;
		document.getElementById('panel_' + tabId).setAttribute('panelURL', url + appendUrl) ;
		PHITabs.RefreshTab(tabId) ;
	} ,
	SetTabLabel: function(tabId, tabLabel) {
		tabHandle = document.getElementById('tabHandle_' + tabId) ;
		tabHandle.innerHTML = name ;
	}
} ;