//*****************
// VAR

var navbar_Tabs;
var navbar_TabsMap;
var navbar_CurTabId = null;


//*****************
// OBJECTS

function navbar_Tab(id,label,ntid,ntdata)
{
	this.id = id;
	this.label = label;
	this.ntid = ntid;
	this.ntdata = ntdata;
}


//*****************
// UTILITY FUNCTIONS

function navbar_init()
{
	navbar_Tabs = new Array();
	navbar_TabsMap = new Object();
	navbar_CurTabId = null;
}

function navbar_addTab(id,label,ntid,ntdata)
{
	var tab;
	
	tab = new navbar_Tab(id,label,ntid,ntdata);

	navbar_Tabs[navbar_Tabs.length] = tab;
	navbar_TabsMap[id] = tab;
}

function navbar_onMouseOver(obj)
{
	if (obj.id == navbar_CurTabId)
		return;

	obj.className = "clsNavBarTab clsNavBarTabOver";
}
function navbar_onMouseOut(obj)
{
	if (obj.id == navbar_CurTabId)
		obj.className = "clsNavBarTab clsNavBarTabOn";
	else
		obj.className = "clsNavBarTab clsNavBarTabOff";
}
function navbar_onSelect(obj)
{	
	var tab;

	if (obj.id == navbar_CurTabId)
		return;

	if (navbar_CurTabId != null)
	{
		document.getElementById(navbar_CurTabId).className = "clsNavBarTab clsNavBarTabOff";
	}

	obj.className = "clsNavBarTab clsNavBarTabOn";

	tab = navbar_TabsMap[obj.id];
	document.getElementById(tab.ntid).src = tab.ntdata;	

	navbar_CurTabId = obj.id;
}
function navbar_onSelectById(id)
{
	navbar_onSelect(document.getElementById(id));
}

function navbar_renderAsNavBar(containerId)
{
	var html;
	var i;
	var tab;
	
	html = "";
	
	html += "<table border='0' cellspacing='0' cellpadding='0'" +
			" class='clsNavBar' style=''><tr>";
	
	for (i = 0; i < navbar_Tabs.length; i++)
	{
		tab = navbar_Tabs[i];
	
		html += "<td id='" + tab.id + "' align='center' valign='middle' nowrap";
		html += " onmouseover='navbar_onMouseOver(this)'";
		html += " onmouseout='navbar_onMouseOut(this)'";
		html += " onclick='navbar_onSelect(this)'";
		if (tab.id == navbar_CurTabId)
			html += " class='clsNavBarTab clsNavBarTabOn'>";
		else
			html += " class='clsNavBarTab clsNavBarTabOff'>";			
		html += tab.label;
		html += "</td>";
		
	}
	html += "<tr></table>";
	
	document.getElementById(containerId).innerHTML = html;
}