// JavaScript Document

var ids = new Array();
ids[1] = "subnav_01";
ids[2] = "subnav_02";
ids[3] = "subnav_03";
ids[4] = "subnav_04";
ids[5] = "subnav_05";
ids[6] = "subnav_06";
ids[7] = "subnav_07";
ids[8] = "subnav_08";
ids[9] = "subnav_09";
ids[10] = "subnav_10";
ids[11] = "subnav_11";
ids[12] = "subnav_12";

var curNav = "01";
var bioXML;


function navHover(id) {
	
	var offid = id + "_off";
	var hoverid = id + "_hover";
	
	document.getElementById(offid).style.display = "none";
	document.getElementById(hoverid).style.display = "block";
	
}

function navOut(id) {
	clearHovers();
}

function navClick(id) {
	curNav = id;
	clearHovers();
	document.getElementById("leadership_main").style.display = "none";
	document.getElementById("leadership_bio").style.display = "block";	
	setBio(id);
}

function clearHovers() {
	
	for (var i=1; i<=11; i++) {
		
		if (ids[i]!=curNav) {
	
			var offid = ids[i] + "_off";
			var hoverid = ids[i] + "_hover";
			
			document.getElementById(offid).style.display = "block";
			document.getElementById(hoverid).style.display = "none";
		
		}
	}
}

function initBios() {

	var ajaxArticle = new AjaxObject();
	var url = "./code/xml/leadership.xml";

    ajaxArticle.request(url, "", this.callbackBios);

}

function callbackBios(xml) {

	bioXML = xml;
	
}

initBios();

function setBio(id) {
	
	var xmlID = "bio_" + id.substr(7,2)
	var nameDiv = document.getElementById("bio_name");
	var titleDiv = document.getElementById("bio_title");
	var textDiv =  document.getElementById("bio_btm");
	var imgDiv = document.getElementById("bio_img");
	
	var items = bioXML.getElementsByTagName("bio");

	for (var i=0; i<items.length; i++) {

			if (xmlID == items[i].getAttribute('id')) {
				
				nameDiv.innerHTML = items[i].getElementsByTagName("name")[0].firstChild.nodeValue;
				titleDiv.innerHTML = items[i].getElementsByTagName("title")[0].firstChild.nodeValue;
				textDiv.innerHTML = items[i].getElementsByTagName("biotext")[0].firstChild.nodeValue;
				if(items[i].getAttribute('hasImage')=='true')
					imgDiv.innerHTML = '<img src="images/bios/'+xmlID+'.jpg" />';
				else
					imgDiv.innerHTML = '<img src="images/our_leadership/leadership_headshot.jpg" />';
					
			}
	}

}