function toggleIndex(iNum) {
	for (var i=0; i <= 6; i++) {
		document.getElementById("iroll" + i).className = ('indexroll_off');
	}
	document.getElementById("iroll" + iNum).className = ('indexroll_on');
}
function togglePic(imageFile) {
	document.getElementById("probioimg").src = imageFile;
}
function histPicOver(imageFile) {
	document.getElementById("history_graphic").src = "thumbs/history/" + imageFile;
}
function histPicOff() {
	document.getElementById("history_graphic").src = "pngs/blank.gif";
}

function toggleCareer(cNum) {
	for (var i=1; i <= 8; i++) {
		document.getElementById("arrow" + i).className = ('arrow_off');
		document.getElementById("ctext" + i).className = ('career_text_off');
	}
	document.getElementById("arrow" + cNum).className = ('arrow_on');
	document.getElementById("career_graphic").src = "thumbs/Career" + cNum + ".gif";
	document.getElementById("ctext" + cNum).className = ('career_text_on');
}

function toggleProject(cNum, mNum) {
	for (var i=1; i <= mNum; i++) {
		document.getElementById("arrow" + i).className = ('arrow_off');
		document.getElementById("ptext" + i).className = ('project_text_off');
	}
	document.getElementById("arrow" + cNum).className = ('arrow_on');
	document.getElementById("ptext" + cNum).className = ('project_text_on');
}

function togProjBioTitleOn(biotitle){
	document.getElementById("project_viewa_current").innerHTML = biotitle;
}

function togProjBioTitleOff(){
	document.getElementById("project_viewa_current").innerHTML = 'Click on a thumbnail on the<br>right to view a project';
}

function toggleBioPic(imageFile, cNum, mNum) {
	for (var i=1; i <= mNum; i++) {
		document.getElementById("probiothmb" + i).className = ('probiothmb_off');
	}
	document.getElementById("probiothmb" + cNum).className = ('probiothmb_on');
	document.getElementById("probioimg").src = imageFile;
}

// ================= Code to load project sliding pop-overs ============================

var shiftsize = 10;
var shiftmin = 10;
var shiftmax = 630;
var aniSpeed = 20;
var lyr = "probio_content";
var previousurl = "blank.html";
var shiftTimer = 0;

function togProjBioPane(url){
	var biopane = document.getElementById("probio_shell");
	var fullurl = 'projects/' + url;

	if (biopane.style.display != 'block') {
		loadProjBioPane(fullurl,biopane);
	}
	else if ((biopane.style.display == 'block') && (previousurl != url)) {
		biopane.style.display = 'none';
		loadProjBioPane(fullurl,biopane);
	}
	else {
		biopane.style.display = 'none';
	}
	previousurl=url;
}

function loadProjBioPane(url,biopane){
	var bioshift = document.getElementById(lyr);
	bioshift.style.left = shiftmax + 'px';

	if (document.all){			// IE version
		try {
			var xml = new ActiveXObject("Microsoft.XMLHTTP");
			xml.Open( "GET", url, false );
			xml.Send()
			document.getElementById(lyr).innerHTML=xml.responseText;
		}
		catch (e) {				// some versions of IE4 and some IE5.0) might be using MSXML2.XMLHTTP.4.0
			var xml = new ActiveXObject("MSXML2.XMLHTTP.4.0");
			xml.Open( "GET", url, false );
			xml.Send()
			document.getElementById(lyr).innerHTML=xml.responseText;
		}
	}
	else {						// Mozilla/Netscrap 6+ version
		var xml=new XMLHttpRequest();
		xml.open("GET",url,false);
		xml.send(null);
		document.getElementById(lyr).innerHTML=xml.responseText;
	}
	biopane.style.display = 'block';
	shiftTimer = setInterval("shiftToShow();",aniSpeed);
}

function shiftToShow(){
	var bioshift = document.getElementById(lyr);
	var l = parseInt(bioshift.style.left);

	if (l > shiftmin) {
		bioshift.style.left = (l-shiftsize) + 'px';
	}
	else {
		clearInterval(shiftTimer);
	}
}

// ============= Project chooser pane Slider code =======================

var scrollmin = 0;
var scrollstep = 5;
var scrollspeed = 20;
var pnl = "projectIcons";
var sidepanel, m, containObj, scrollmax;

function vertScrollUp() {
	sidepanel = document.getElementById(pnl);
	if (!parseInt(sidepanel.style.top)) {
		sidepanel.style.top = scrollmin + 'px';
	}
	containObj = document.getElementById("projectIconShell");
	scrollmax = parseInt(containObj.offsetHeight) - parseInt(sidepanel.offsetHeight);

	scrolltimer = setInterval("vertScrollUpSub()", scrollspeed);
}

function vertScrollUpSub() {
	m = parseInt(sidepanel.style.top);
	if (m < scrollmin) {
		sidepanel.style.top = (m + scrollstep) + 'px';
	}
	else {
		sidepanel.style.top = 0 + 'px';
		clearInterval(scrolltimer);
	}
}

function vertScrollDown() {
	sidepanel = document.getElementById(pnl);
	if (!parseInt(sidepanel.style.top)) {
		sidepanel.style.top = scrollmin + 'px';
	}
	containObj = document.getElementById("projectIconShell");
	scrollmax = parseInt(containObj.offsetHeight) - parseInt(sidepanel.offsetHeight);

	scrolltimer = setInterval("vertScrollDownSub()", scrollspeed);
}

function vertScrollDownSub() {
	m = parseInt(sidepanel.style.top);
	if (m > scrollmax) {
		sidepanel.style.top = (m - scrollstep) + 'px';
	}
	else {
		clearInterval(scrolltimer);
	}
}

function vertScrollStop() {
	clearInterval(scrolltimer);
}