/* ---------------------------------------- */
/* ---------->>> People Page <<<----------- */
/* ---------------------------------------- */

var bioLayer = 'instructions';
var teamLayer = '';
var currentTeamLink = '';
var currentBioLink = '';


/* Displays the Team that was clicked on */
function swapTeamLayers(id,selectedLink) {
	selectedLink.className="current_link";
	if (selectedLink != currentTeamLink)
	{
		if(currentTeamLink)
			currentTeamLink.className="non_current_link";
		currentTeamLink = selectedLink;
	}

	if (id != teamLayer) 
	{
		hideLayer(teamLayer);
		showLayer(id);
		teamLayer = id;
	}

	hideLayer(bioLayer);

	showLayer(id+'-initial');
	bioLayer = id+'-initial';
	
	if(currentBioLink)
		currentBioLink.className="non_current_link";
}

/* Displays the Bio that was clicked on */
function swapBioLayers(id,selectedBio,url,target) {
	selectedBio.className="current_link";
	if (selectedBio != currentBioLink) {
		if(currentBioLink)
			currentBioLink.className="non_current_link";
		currentBioLink = selectedBio;		
	}

	if (id != bioLayer) {
		hideLayer(bioLayer);
		showLayer(id);
		sponsorLayer = id;
	}
	
	jah(url,target);
}

/* ------------------------------------------ */
/* ---------->>> Sponsors Page <<<----------- */
/* ------------------------------------------ */

var sponsorLayer = 'general-electric';
var levelLayer = 'ultimate-102';
var currentLevelLink = '';
var currentSponsorLink = '';


/* Displays the Level that was clicked on */
function swapLevelLayers(id,selectedLink) {
	selectedLink.className="current_link";
	
	if (currentLevelLink == '')
		currentLevelLink = getElemUsingId('featured-layer-link');
	if (currentSponsorLink == '')
		currentSponsorLink = getElemUsingId('featured-sponsor-link');

	if(selectedLink != currentLevelLink) {
		if(currentLevelLink)
			currentLevelLink.className="non_current_link";
		currentLevelLink = selectedLink;
	}

	if (id != levelLayer) {
		hideLayer(levelLayer);
		showLayer(id);
		levelLayer = id;
	}

	hideLayer(sponsorLayer);
	showLayer(id+'-initial');
	sponsorLayer = id+'-initial';
	
	if(currentSponsorLink)
		currentSponsorLink.className="non_current_link";
}

/* Displays the Sponsor that was clicked on */
function swapSponsorLayers(id, selectedSponsor) {
	selectedSponsor.className="current_link";

	if (currentLevelLink == '')
		currentLevelLink = getElemUsingId('featured-layer-link');
	if (currentSponsorLink == '')
		currentSponsorLink = getElemUsingId('featured-sponsor-link');
	
	if (selectedSponsor != currentSponsorLink) {
		if(currentSponsorLink)
			currentSponsorLink.className="non_current_link";
		currentSponsorLink = selectedSponsor;		
	}

	if (id != sponsorLayer) {
		hideLayer(sponsorLayer);
		showLayer(id);
		sponsorLayer = id;
	}
}

/* --------------------------------------------- */
/* ---------->>> Helper Functions <<<----------- */
/* --------------------------------------------- */

function showLayer(id) {
	var lyr = getElemRefs(id);
	if (lyr && lyr.css) lyr.css.display = "block";
}

function hideLayer(id) {
	var lyr = getElemRefs(id);
	if (lyr && lyr.css) lyr.css.display = "none";
}

function getElemRefs(id) {
	var el = getElemUsingId(id);
	if (el) el.css = (el.style)? el.style: el;
	return el;
}

function getElemUsingId(id) {
	return (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
}
/* ------------------------------------------- */
/* ---------->>> AJAX Functions <<<----------- */
/* ------------------------------------------- */

function jah(url,target) {
	// native XMLHttpRequest object
	document.getElementById(target).innerHTML = 'Loading...';
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = function() {jahDone(target);};
		req.open("GET", url, true);
		req.send(null);
	// IE/Windows ActiveX version
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = function() {jahDone(target);};
			req.open("GET", url, true);
			req.send();
		}
	}
}	

function jahDone(target) {
	// only if req is "loaded"
	if (req.readyState == 4) {
		// only if "OK"
		if (req.status == 200) {
			results = req.responseText;
			document.getElementById(target).innerHTML = results;
		} else {
			document.getElementById(target).innerHTML="jah error:\n" +
				req.statusText;
		}
	}
}