initialOpacity=0.2;// Sets the initial opacity of the thumbnail image, must be same opacity defined in the styles
secondaryOpacity=.63; // Sets what the opacity should fall back to when image is moused off
infoBackgroundOpacity=.70; // Sets the opacity of the pop-up background that the info is displayed over


//There should be an array set for every thumbnail, i.e. profile_titles_array[n], profile_info_array[n], profile_image_array[n], for each image thumbnail
// [n] can be any number it just has to be the same in all 3 sets to match info the thumbnail correctly.
// There can be anynumber of array sets, just add or remove more, depending on how many thumbnails there are.
// If a thumbnail is not to have any info to display with it, then set each array for it's set to '' or "" <- blank strings
var profile_titles_array=new Array(); // Array contains the text for each name/title to be displayed

profile_titles_array[1]="";
profile_titles_array[2]="";
profile_titles_array[3]="";
profile_titles_array[4]="";
profile_titles_array[5]="";
profile_titles_array[6]="";
profile_titles_array[7]="";
profile_titles_array[8]="";
profile_titles_array[9]="";
profile_titles_array[10]="";
profile_titles_array[11]="";
profile_titles_array[12]="";
profile_titles_array[13]="";
profile_titles_array[14]="";
profile_titles_array[15]="";
profile_titles_array[16]="";
profile_titles_array[17]="";
profile_titles_array[18]="";
profile_titles_array[19]="";
profile_titles_array[20]="";

var profile_info_array=new Array(); // Array contains the text for each intro/info to be displayed

profile_info_array[1]="";
profile_info_array[2]="";
profile_info_array[3]="";
profile_info_array[4]="";
profile_info_array[5]="";
profile_info_array[6]="";
profile_info_array[7]="";
profile_info_array[8]="";
profile_info_array[9]="";
profile_info_array[10]="";
profile_info_array[11]="";
profile_info_array[12]="";
profile_info_array[13]="";
profile_info_array[14]="";
profile_info_array[15]="";
profile_info_array[16]="";
profile_info_array[17]="";
profile_info_array[18]="";
profile_info_array[19]="";
profile_info_array[20]="";

var profile_image_array=new Array(); // Array contains the references for each thumbnail image

profile_image_array[1]="";
profile_image_array[2]="";
profile_image_array[3]="";
profile_image_array[4]="";
profile_image_array[5]="";
profile_image_array[6]="";
profile_image_array[7]="";
profile_image_array[8]="";
profile_image_array[9]="";
profile_image_array[10]="";
profile_image_array[11]="";
profile_image_array[12]="";
profile_image_array[13]="";
profile_image_array[14]="";
profile_image_array[15]="";
profile_image_array[16]="";
profile_image_array[17]="";
profile_image_array[18]="";
profile_image_array[19]="";
profile_image_array[20]="";

//_______________________________DON'T HAVE TO MODIFY ANYTHING PAST THIS POINT______________________________________________________________________

var BrowserType;      //Holdes the browser id info, derived from function below.
//This next function queries browser to see what kind it is, if it's not a version of IE, returns -1
//If it is a version of IE, returns the version number.
function getBrowserType () {
	var infoString=navigator.appVersion;
	var temp=infoString.indexOf('MSIE');
	if (temp==-1) {
		//Not IE browser
		return -1;
	} else {
		//Is IE browser and returns version number
		infoString=infoString.substr(temp);
		temp=infoString.indexOf(';');
		infoString=infoString.substring(0,temp);
		infoString=infoString.split(" ");
		return infoString[1];
	}
}

BrowserType=getBrowserType();
timerId=null;
incr=initialOpacity;
function activate (obj,dataNum) {
	element=obj;
	if (BrowserType==-1) {// Not an IE browser
		if( (element.style.opacity==initialOpacity || !element.style.opacity)&& incr>initialOpacity) {incr=initialOpacity;}
		if(dataNum) {
			document.getElementById("info_background").style.opacity=infoBackgroundOpacity;
			if (profile_image_array[dataNum]!='') {
				document.getElementById("info_pic_container").innerHTML="<img src='"+profile_image_array[dataNum]+"' />";
			} else {
				document.getElementById("info_pic_container").innerHTML=profile_image_array[dataNum];
			}
			document.getElementById("info_title_container").innerHTML=profile_titles_array[dataNum];
			document.getElementById("info_body_container").innerHTML=profile_info_array[dataNum];
		}
	}
	if (BrowserType!=-1) {// IE browser
		if( (element.filters.alpha.opacity==initialOpacity*100 || !element.filters.alpha.opacity)&& incr>initialOpacity) {incr=initialOpacity;}
		if(dataNum) {
			document.getElementById('info_background').filters.alpha.opacity=infoBackgroundOpacity*100;
			if (profile_image_array[dataNum]!='') {
				document.getElementById("info_pic_container").innerHTML="<img src='"+profile_image_array[dataNum]+"' />";
			} else {
				document.getElementById("info_pic_container").innerHTML=profile_image_array[dataNum];
			}
			document.getElementById("info_title_container").innerHTML=profile_titles_array[dataNum];
			document.getElementById("info_body_container").innerHTML=profile_info_array[dataNum];
		}
	}
	timerId=setInterval('fadeIn(element)',50);
}
function fadeIn (element) {

	if (BrowserType==-1) {// Not an IE browser
		if(element.style.opacity<1.0) {
			incr+=.05;
			element.style.opacity=incr;
		}else{
			clearInterval(timerId);
		}
	}
	if (BrowserType!=-1) {// IE browser
		if(element.filters.alpha.opacity<1.0*100) {
			incr+=.05;
			element.filters.alpha.opacity=incr*100;
		}else{
			clearInterval(timerId);
		}
	}
}

function resetEverything (obj) {
	element=obj;
	clearInterval(timerId);
	incr=secondaryOpacity;
	document.getElementById("info_pic_container").innerHTML="";
	document.getElementById("info_title_container").innerHTML="";
	document.getElementById("info_body_container").innerHTML="";
	if (BrowserType==-1) {// Not an IE browser
		element.style.opacity=secondaryOpacity;
		document.getElementById('info_background').style.opacity=0.0;
	}
	if (BrowserType!=-1) {// IE browser
		element.filters.alpha.opacity=secondaryOpacity*100;
		document.getElementById('info_background').filters.alpha.opacity=0;
	}
}