var liClasses = new Array();
var aClasses = new Array();

function tabHover(tabIndex) {
	//return true;
	var tabs = xGetElementById("tabs");
	
	var items = xGetElementsByTagName("li",tabs);
	var l = items.length;
	
	for (var i=1; i<=l; i++) {
		var tab = items[i - 1];
		var nextTab = null;
		if (i < l)
			nextTab = items[i];
		var _id = tab.getAttribute("id");
		var _liClass = tab.className;
		var _aClass = getAnchor(tab).className;
		
		liClasses [i - 1] = tab.className;
		aClasses [i - 1] = getAnchor(tab).className;
		
		switch (i) {
			
			case tabIndex - 1:
			
			if (nextTab != null && nextTab.className == "selected")
				tab.className = "preselected";
			else {
				if (_id == "home") {
					if (_liClass == "selected")
						tab.className = "prehoverselected";
					else
						tab.className ="prehover";
				}
				else {
					if (_liClass == "selected")
						tab.className = "prehoverselected";
					else
						tab.className = "prehover";
				}
			}
			break;
			
			case tabIndex:
			if (nextTab != null && nextTab.className == "selected") {
				tab.className = "preselectedhover";
				if (_id != "home")
					getAnchor(tab).className = "ahover";
			}
			else if (tab.className  != "selected") {
				tab.className = "hover";
				getAnchor(tab).className = "ahover";
			}
			break;
			
			case tabIndex + 1:
			break;
		}
		
	}
}

function tabOut(tabIndex) {
	var tabs = xGetElementById("tabs");
	
	
	var items = xGetElementsByTagName("li",tabs);
	for (var i=1; i<=items.length; i++) {
		var tab = items[i - 1];
		tab.className = liClasses[i - 1];
		getAnchor(tab).className = aClasses[i - 1];
	}
}


function getAnchor(tab) {
	return xGetElementsByTagName("a",tab)[0];
}