faces_base_names = new Array
(
"amanpour.christiane",
"anderson.becky",
"arduino.guillermo",
"bittermann.jim",
"boulden.jim",
"chance.matthew",
"church.rosemary",
"clancy.jim",
"foster.max",
"gorani.hala",
"hancocks.paula",
"harrison.jenny",
"hodson.charles",
"holmes.michael",
"mann.jonathan",
"mcedwards.colleen",
"mckay.mark",
"nasr.octavia",
"quest.richard",
"rajpal.monita",
"ramos.mari",
"reid.candy",
"rivers.dan",
"robertson.nic",
"sadler.brent",
"sesay.isha",
"snell.patrick",
"stevens.andrew",
"stout.kristie",
"sweeney.fionnuala",
"vassileva.ralitsa",
"vause.john",
"vinci.alessio",
"wedeman.ben"
);




var num_faces;   					//num of images to display on page
var faces = new Array(num_faces); 		//Array that holds the indexes of the images that get picked

var clFaces = new Array();				//Holds all the coloured images
var bwFaces = new Array();				//Holds all the black & white images

var cdn_path="http://i2.cdn.turner.com/cnn";
var faces_path="/CNN/anchors_reporters/";
var faces_img_dir = "intl_images/";





/******************************************
 * Returns true if the image has not been *
 * picked, false if it has.               *
 ******************************************/

function isNewFace(num) {
	for (var i=0; i < num_faces; i++) {
		if (faces[i] == num) {
			return 0;
		}
	}
	return 1;
}




/**************************************
 * Randomly selects a new image index *
 **************************************/
 
function getNewFace() {
	var n;
	while (1) {
		n = Math.floor(Math.random()*(faces_base_names.length));
		if (isNewFace(n) == 1) {
			return n;
		}
	}

}



/***************************************************
 * Selects the images to be displayed, then stores *
 * the indexes of the images in an array           *
 ***************************************************/

function SelectRandomFaces() {
	
	for (var i=0; i < num_faces; i++) {
		faces[i] = getNewFace();
	}
}




function PreLoadFaces() {
	for (var i=0;i < num_faces; i++){
		bwFaces[i] = new Image();
		bwFaces[i].src = cdn_path + faces_path + faces_img_dir + faces_base_names[faces[i]] + ".bw.jpg";
		clFaces[i] = new Image();
		clFaces[i].src = cdn_path + faces_path + faces_img_dir + faces_base_names[faces[i]] + ".cl.jpg";
	}
}





var loop_finished = new Boolean(false);
var img_index = 0;
var imgTimerID;








function swap(i){
	if(i==0) {
 		document.imgFaces00.src = clFaces[0].src;
 	}
 	if (i==1){
 		document.imgFaces00.src = bwFaces[0].src;
 		if (i<num_faces)
 			document.imgFaces01.src = clFaces[1].src;
	}
 	if (i==2){
 		document.imgFaces01.src = bwFaces[1].src;
 		if (i<num_faces)
 			document.imgFaces02.src = clFaces[2].src;
	}
 	if (i==3){
		document.imgFaces02.src = bwFaces[2].src;
 		if (i<num_faces)
	  		document.imgFaces03.src = clFaces[3].src;			
	}
 	if (i==4){
 		document.imgFaces03.src = bwFaces[3].src;
 		if (i<num_faces)
 			document.imgFaces04.src = clFaces[4].src;
	}
 	if (i==5){
 		document.imgFaces04.src = bwFaces[4].src;
 		if (i<num_faces)
 			document.imgFaces05.src = clFaces[5].src;
	}
 	if (i==6){
 		document.imgFaces05.src = bwFaces[5].src;
 		if (i<num_faces)
 			document.imgFaces06.src = clFaces[6].src;
	}
 	if (i==7){
 		document.imgFaces06.src = bwFaces[6].src;
 		if (i<num_faces)
 			document.imgFaces07.src = clFaces[7].src;
	}
 	if (i==8){
 		document.imgFaces07.src = bwFaces[7].src;
 		if (i<num_faces)
 			document.imgFaces08.src = clFaces[8].src;
	}
	if (i==9)
		document.imgFaces08.src = bwFaces[8].src;
}








function loop() {
 	if (loop_finished == false) {
  	swap(img_index);
  	img_index++;
   if (num_faces < img_index) 
   	loop_finished = true;
    setTimeout("loop()", 350);
   }
}






function DisplayFaces() {
	document.imgFaces00.src = bwFaces00.src;
	document.imgFaces01.src = bwFaces01.src;
	document.imgFaces02.src = bwFaces02.src;
	document.imgFaces03.src = bwFaces03.src;
	document.imgFaces04.src = bwFaces04.src;
	document.imgFaces05.src = bwFaces05.src;
	document.imgFaces06.src = bwFaces06.src;
	document.imgFaces07.src = bwFaces07.src;
	document.imgFaces08.src = bwFaces08.src;
	
}



function startFaces(num) {
	num_faces = num;
	SelectRandomFaces();
	PreLoadFaces();
	//DisplayImages(); //The delay is to allow the images to preload first before displaying
	setTimeout("loop()", 500);
}






function highlight(img_obj, i) {
  	if (loop_finished == true)
  		img_obj.src=clFaces[i].src;
}





function unhighlight(img_obj, i) {
  	if (loop_finished == true)
  		img_obj.src=bwFaces[i].src;
}





function loadurl(i) {
	document.location = faces_path + faces_base_names[faces[i]] + ".html";

}