var isIE = false;

if (navigator.userAgent.match("MSIE")) {
	isIE = true;
}

var checkScope = 0;

function populateNav() {

	for(var i = 0; i < tabs.length; i++) {
		
		var tab = tabs[i];
		
		var newTab = document.createElement("li");
		var tabIndex = tab[0];
		var tabLabel = tab[1];
		var tabHref = tab[2];
		var newLink = document.createElement("a");
			
		newTab.id = tabIndex;
		newLink.id = tabIndex;
		newLink.href = tabHref;
		newLink.target = "_parent";
		newLink.innerHTML = tabLabel;
		newLink.onmouseover = function() { changeTab(this.id) };

		newTab.appendChild(newLink);
		document.getElementById("nav-tabs").appendChild(newTab);
		
		document.getElementById("nav-sublinks").innerHTML = "";		
		
		if(i == 0) {
			newTab.style.background = "url(http://media.2theadvocate.com/designimages/tab_on_right.gif) right top no-repeat";
			newLink.style.background = "url(http://media.2theadvocate.com/designimages/tab_on_left.gif) left top no-repeat";
			newLink.style.color = "#000";
			newLink.style.paddingBottom = "5px";
		}
		
		var rightTabNum = tabs.length - 5; //This number should coincide with the number of right-floated tabs you want. -NGS 04/23/08
		
		if(i >= rightTabNum) {
			newTab.style.cssFloat = "right";
			newTab.style.styleFloat = "right";
		}
		
		var subLinks = links[0];
		
		if(isIE) {
			checkScope = subLinks.length -1;
		} else {
			checkScope = subLinks.length;			
		}
		
		for(var x = 0; x < checkScope; x++) {

			var subLink = subLinks[x];
			var subLink = subLink.split("{");

			var newSubLink = document.createElement("li");
			var linkLabel = subLink[0];
			var linkHref = subLink[1].replace("}","");
			var newLink = document.createElement("a");

			newLink.innerHTML = linkLabel;
			newLink.href = linkHref;
			newLink.target = "_parent";
			newSubLink.appendChild(newLink);

			document.getElementById("nav-sublinks").appendChild(newSubLink);
						
			if(x < checkScope - 1) {
				var divTab = document.createElement("li");
				var divLnk = document.createElement("a");
				divLnk.innerHTML = "&nbsp;";
				divLnk.href = "#";
				divLnk.className = "divider";
				divTab.appendChild(divLnk);
				document.getElementById("nav-sublinks").appendChild(divTab);
			}

		}
				
	}
	
}

function changeTab(index) {
	
	var tabItems = document.getElementById("nav-tabs").getElementsByTagName("li");
	
	for(var i = 0; i < tabItems.length; i++) {
		
		var tab = tabItems[i];
		var tabLi = document.getElementById(tab.id);
		var tabA = document.getElementById(tab.id).firstChild;
				
		if(tab.id == index) {
			tabLi.style.background = "url(http://media.2theadvocate.com/designimages/tab_on_right.gif) right top no-repeat";
			tabA.style.background = "url(http://media.2theadvocate.com/designimages/tab_on_left.gif) left top no-repeat";
			tabA.style.color = "#000";
			tabA.style.paddingBottom = "5px";
		} else {
			tabLi.style.background = "url(http://media.2theadvocate.com/designimages/tab_off_right.gif) right top no-repeat";
			tabA.style.background = "url(http://media.2theadvocate.com/designimages/tab_off_left.gif) left top no-repeat";
			tabA.style.color = "#333";
			tabA.style.paddingBottom = "4px";
		}
		
	}
	
	document.getElementById("nav-sublinks").innerHTML = "";
	
	var subLinks = links[index];
	
	if(isIE) {
		checkScope = subLinks.length -1;
	} else {
		checkScope = subLinks.length;			
	}

	for(var x = 0; x < checkScope; x++) {
		
		var subLink = subLinks[x];
		var subLink = subLink.split("{");
		
		var newSubLink = document.createElement("li");
		var linkLabel = subLink[0];
		var linkHref = subLink[1].replace("}","");
		var newLink = document.createElement("a");
		
		newLink.innerHTML = linkLabel;
		newLink.href = linkHref;
		newLink.target = "_parent";
		newSubLink.appendChild(newLink);
				
		document.getElementById("nav-sublinks").appendChild(newSubLink);
		
		if(x < checkScope - 1) {
			var divTab = document.createElement("li");
			var divLnk = document.createElement("a");
			divLnk.innerHTML = "&nbsp;";
			divLnk.href = "#";
			divLnk.className = "divider";
			divTab.appendChild(divLnk);
			document.getElementById("nav-sublinks").appendChild(divTab);
		}

	}
	
}
