// JavaScript Document
var namearray = new Array();

function preloadTeam() {
	smlurl = "../_img/about/";
	lrgurl = "../_img/about/info/";
	
	preimg1= new Image(80,95);
	lrgpreimg1= new Image(200,279);
	preimg1.src = smlurl + "mara.jpg";
	lrgpreimg1.src = lrgurl + "mara.jpg";
	namearray[0] = "mara";
	
	preimg2= new Image(80,95);
	lrgpreimg2= new Image(200,279);
	preimg2.src = smlurl + "dennis.jpg";
	lrgpreimg2.src = lrgurl + "dennis.jpg";
	namearray[1] = "dennis";
	
	preimg3= new Image(80,95);
	lrgpreimg3= new Image(200,279);
	preimg3.src = smlurl + "helen.jpg";
	lrgpreimg3.src = lrgurl + "helen.jpg";
	namearray[2] = "helen";
	
	preimg4= new Image(80,95);
	lrgpreimg4= new Image(200,279);
	preimg4.src = smlurl + "dharminder.jpg";
	lrgpreimg4.src = lrgurl + "dharminder.jpg";
	namearray[3] = "dharminder";
	
	preimg5= new Image(80,95);
	lrgpreimg5= new Image(200,279);
	preimg5.src = smlurl + "joanne.jpg";
	lrgpreimg5.src = lrgurl + "joanne.jpg";
	namearray[4] = "joanne";
	
	preimg6= new Image(80,95);
	preimg6.src = smlurl + "mauro.jpg";
	
	preimg7= new Image(80,95);
	lrgpreimg7= new Image(200,279);
	preimg7.src = smlurl + "lisanne.jpg";
	lrgpreimg7.src = lrgurl + "lisanne.jpg";
	namearray[5] = "lisanne";
	
	preimg8= new Image(80,95);
	lrgpreimg8= new Image(200,279);
	preimg8.src = smlurl + "michael.jpg";
	lrgpreimg8.src = lrgurl + "michael.jpg";
	namearray[6] = "michael";
	
	preimg9= new Image(80,95);
	lrgpreimg9= new Image(200,279);
	preimg9.src = smlurl + "karen.jpg";
	lrgpreimg9.src = lrgurl + "karen.jpg";
	namearray[7] = "karen";
	
	preimg10= new Image(80,95);
	lrgpreimg10= new Image(200,279);
	preimg10.src = smlurl + "carina.jpg";
	lrgpreimg10.src = lrgurl + "carina.jpg";
	namearray[8] = "carina";
	
	preimg11= new Image(80,95);
	preimg11.src = smlurl + "denis.jpg";
	
	preimg12= new Image(80,95);
	preimg12.src = smlurl + "rod.jpg";
	
	preimg13= new Image(80,95);
	lrgpreimg13= new Image(200,279);
	preimg13.src = smlurl + "mike.jpg";
	lrgpreimg13.src = lrgurl + "mike.jpg";
	namearray[9] = "mike";
	
	preimg14= new Image(80,95);
	lrgpreimg14= new Image(200,279);
	preimg14.src = smlurl + "sandra.jpg";
	lrgpreimg14.src = lrgurl + "sandra.jpg";
	namearray[10] = "sandra";
	
	preimg15= new Image(80,95);
	lrgpreimg15= new Image(200,279);
	preimg15.src = smlurl + "isabelle.jpg";
	lrgpreimg15.src = lrgurl + "isabelle.jpg";
	namearray[11] = "isabelle";
	
	/*preimg16= new Image(80,95);
	lrgpreimg16= new Image(200,279);
	preimg16.src = smlurl + "david.jpg";
	lrgpreimg16.src = lrgurl + "david.jpg";
	namearray[12] = "david";*/
	
	preimg16= new Image(80,95);
	lrgpreimg16= new Image(200,279);
	preimg16.src = smlurl + "jackie.jpg";
	lrgpreimg16.src = lrgurl + "jackie.jpg";
	namearray[12] = "jackie";
	
	preimg17= new Image(80,95);
	preimg17.src = smlurl + "roy.jpg";
	
	preimg18= new Image(80,95);
	lrgpreimg18= new Image(200,279);
	preimg18.src = smlurl + "nina.jpg";
	lrgpreimg18.src = lrgurl + "nina.jpg";
	namearray[13] = "nina";
	
	preimg19= new Image(80,95);
	lrgpreimg19= new Image(200,279);
	preimg19.src = smlurl + "gillian.jpg";
	lrgpreimg19.src = lrgurl + "gillian.jpg";
	namearray[14] = "gillian";
}


function highlightPicName(membername) {
	//make sure none are still visible
	for(z=0; z<namearray.length;z++) {
		//if(document.getElementById(namearray[z])) {
			hidediv = namearray[z];
			//alert(hidediv);
			document.getElementById(hidediv).style.display="none";
		//}
	}
	document.getElementById(membername).style.display="block";
	//new Fx.Reveal($(membername)).reveal();
}

function hidePicName(membername) {
	document.getElementById(membername).style.display="none";
	//new Fx.Reveal($(membername)).dissolve();
}

function highlightPrincipal(membername) {
	document.getElementById(membername).className="principal-on";
}

function hidePrincipal(membername) {
	document.getElementById(membername).className="principal-off";
}

function gup( name ){
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( window.location.href );
	  if( results == null )
		return "";
	  else
		return results[1];
}

function checkIfSmall() {	
	goto="";
	show = "";
	var show = gup( 'show' );
	
	if (show == "") { show = "all"; }
	
	if (document.body.clientWidth < 990) { 
		goto = "?size=s&show=";
	}
	else {
		goto = "?size=l&show=";
	}
	goto = goto + show;	
	window.location.href=goto;
}

window.onresize = checkIfSmall;

// randomly pick an order to display the people
// display one at a time with a delay between each
var num=0;
var numofpics = 19;
numArray = new Array();
actionArray = new Array();

function randOrd(){
	return (Math.round(Math.random())-0.5); 
}

function getArray() {	
	for (i=0;i<numofpics;i++)
	{
		picid = "team" + (i+1);		
		numArray[i] = picid;
	}	
	numArray.sort( randOrd );
}

function animateIcons() {
  	preloadTeam();
	//document.getElementById('team-pics').style.display="block";
	new Fx.Reveal($('team-pics')).reveal();
	getArray();
  	setTimeout( "step1();", 1500); // pause for 2 seconds
}

function step1() {
	num++;
	if (num>numofpics) {/* Stop the script*/}
	else {
		iconid = numArray[num-1];
		setTimeout( "step2(iconid);", 100); 
	}
}

function step2(iconid)
{
	document.getElementById(iconid).style.backgroundPosition="0px 0px";
	setTimeout( "step1();", 10); 
}