// JavaScript Document
var element;
var duration = 1000;  /* 1000 millisecond fade = 1 sec */
var steps = 20;       /* number of opacity intervals   */
var delay = 5000;     /* 5 sec delay before fading out */
	  
function changeNav($next){
	//alert("Nav changing to: " + $target)
	var bio1 = document.getElementById('bioContent1');
	var bio2 = document.getElementById('bioContent2');
	var bio3 = document.getElementById('bioContent3');
	var bio4 = document.getElementById('bioContent4');
	var bio5 = document.getElementById('bioContent5');
	var bio6 = document.getElementById('bioContent6');
	switch($next){
		case "bioContent1":
		fadeIn(bio1);
		fadeOut(bio2);
		fadeOut(bio3);
		fadeOut(bio4);
		fadeOut(bio5);
		fadeOut(bio6);
		
		break;
		case "bioContent2":
		fadeIn(bio2);
		fadeOut(bio1);
		fadeOut(bio3);
		fadeOut(bio4);
		fadeOut(bio5);
		fadeOut(bio6);
		break;
		case "bioContent3":
		fadeIn(bio3);
		fadeOut(bio2);
		fadeOut(bio1);
		fadeOut(bio4);
		fadeOut(bio5);
		fadeOut(bio6);
		break;
		case "bioContent4":
		fadeIn(bio4);
		fadeOut(bio2);
		fadeOut(bio3);
		fadeOut(bio1);
		fadeOut(bio5);
		fadeOut(bio6);
		break;
		case "bioContent5":
		fadeIn(bio5);
		fadeOut(bio2);
		fadeOut(bio3);
		fadeOut(bio4);
		fadeOut(bio1);
		fadeOut(bio6);
		break;
		case "bioContent6":
		fadeIn(bio6);
		fadeOut(bio2);
		fadeOut(bio3);
		fadeOut(bio4);
		fadeOut(bio5);
		fadeOut(bio1);
		break;
	}
	
	//fadeIn(element);
}


/* set the opacity of the element (between 0.0 and 1.0) */
function setOpacity(level, theTarget) {
	//alert("In opacity");
	//alert("Opacity: " + theTarget);
	theTarget.style.opacity = level;
	theTarget.style.MozOpacity = level;
	theTarget.style.KhtmlOpacity = level;
	theTarget.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

function fadeIn(target){
	
	for (i = 0; i <= 1; i += (1 / steps)) {
		 //setTimeout("setOpacity(" + i + ")", i * duration);
		 setTimeout(function() {setOpacity(i,target)}, i * duration);
		//alert("Fading: " + target);
	}
	//setTimeout("fadeOut(target)", delay);
}

function fadeOut(target) {
	for (i = 0; i <= 1; i += (1 / steps)) {
		//setTimeout("setOpacity(" + (1 - i) + ")", i * duration);
		setTimeout(function() {setOpacity((1 - i),target)}, i * duration);
	}
	//setTimeout("fadeIn(target)", duration);
}