var pageName = 'Home';

function pageOn(name)
{
	pageName = name;
	//highlightTab
	//divName
	//adivName
	tabOn('div'+name);
	var tab = document.getElementById('span'+name);
	//tab.setAttribute("class", "tabOn");
	tab.className = 'tabOn';
	//alert(tab.className);
}

function tabOn(theId)
{
	tabOff();
	var element = document.getElementById(theId);
	document.getElementById('tabSub').innerHTML = element.innerHTML;
	//a + theId .class = aSubOn
}

function tabOff()
{
	//alert(pageName);
	var element = document.getElementById('div'+pageName);

	document.getElementById('tabSub').innerHTML = element.innerHTML;
	//a + theId .class = aSub
	
}

function tabOn2(menuItem)
{
	//tabOff();
	//var element = document.getElementById(theId);
	//document.getElementById('tabSub').innerHTML = element.innerHTML;
	//a + theId .class = aSubOn
	var position = new Array(2);
	position = findPos(document.getElementById('span' + menuItem));
	position[0] = position[0] - 5;
	//alert(position[0] + ' ' + position[1]);
	document.getElementById('divPanel' + menuItem).style.left = position[0];
	document.getElementById('divPanel' + menuItem).style.top = position[1];	
	document.getElementById('divPanel' + menuItem).style.display = 'block';
	
	tabOn('div'+menuItem);
	var tab = document.getElementById('span'+menuItem);
	//tab.setAttribute("class", "tabOn");
	tab.className = 'tabOn';


}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function tabDelayOff2(menuItem)
{
	document.getElementById('divPanel' + menuItem).style.display = 'none';
	var tab = document.getElementById('span'+menuItem);
	//tab.setAttribute("class", "tabOn");
	tab.className = 'tabOff';

}

function tabDelayOff()
{
	tabOff();
	//document.getElementById('divPanelDevelopment').style.display = 'none';

	//setTimeOut('tabOff',3000);
}