totalrows = 2;
totalcols = 2;
totalcombos = totalrows * totalcols;
totalbigpics = (totalrows*totalcols)*(totalrows*totalcols);

// Global variable to keep track of which small half picture is currently selected
var toprow;
var topcol;
var bottomrow;
var bottomcol;

combinedpics = new Array;
combinedpics[0] = "images/stereotypes_color/big/r1c1_r1c1.jpg"
combinedpics[1] = "images/stereotypes_color/big/r1c1_r1c2.jpg"
combinedpics[2] = "images/stereotypes_color/big/r1c1_r1c3.jpg"
combinedpics[3] = "images/stereotypes_color/big/r1c1_r2c1.jpg"
combinedpics[4] = "images/stereotypes_color/big/r1c1_r2c2.jpg"
combinedpics[5] = "images/stereotypes_color/big/r1c1_r2c3.jpg"
combinedpics[6] = "images/stereotypes_color/big/r1c1_r3c1.jpg"
combinedpics[7] = "images/stereotypes_color/big/r1c1_r3c2.jpg"
combinedpics[8] = "images/stereotypes_color/big/r1c1_r3c3.jpg"
combinedpics[9] = "images/stereotypes_color/big/r1c2_r1c1.jpg"
combinedpics[10] = "images/stereotypes_color/big/r1c2_r1c2.jpg"
combinedpics[11] = "images/stereotypes_color/big/r1c2_r1c3.jpg"
combinedpics[12] = "images/stereotypes_color/big/r1c2_r2c1.jpg"
combinedpics[13] = "images/stereotypes_color/big/r1c2_r2c2.jpg"
combinedpics[14] = "images/stereotypes_color/big/r1c2_r2c3.jpg"
combinedpics[15] = "images/stereotypes_color/big/r1c2_r3c1.jpg"
combinedpics[16] = "images/stereotypes_color/big/r1c2_r3c2.jpg"
combinedpics[17] = "images/stereotypes_color/big/r1c2_r3c3.jpg"
combinedpics[18] = "images/stereotypes_color/big/r1c3_r1c1.jpg"
combinedpics[19] = "images/stereotypes_color/big/r1c3_r1c2.jpg"
combinedpics[20] = "images/stereotypes_color/big/r1c3_r1c3.jpg"
combinedpics[21] = "images/stereotypes_color/big/r1c3_r2c1.jpg"
combinedpics[22] = "images/stereotypes_color/big/r1c3_r2c2.jpg"
combinedpics[23] = "images/stereotypes_color/big/r1c3_r2c3.jpg"
combinedpics[24] = "images/stereotypes_color/big/r1c3_r3c1.jpg"
combinedpics[25] = "images/stereotypes_color/big/r1c3_r3c2.jpg"
combinedpics[26] = "images/stereotypes_color/big/r1c3_r3c3.jpg"
combinedpics[27] = "images/stereotypes_color/big/r2c1_r1c1.jpg"
combinedpics[28] = "images/stereotypes_color/big/r2c1_r1c2.jpg"
combinedpics[29] = "images/stereotypes_color/big/r2c1_r1c3.jpg"
combinedpics[30] = "images/stereotypes_color/big/r2c1_r2c1.jpg"
combinedpics[31] = "images/stereotypes_color/big/r2c1_r2c2.jpg"
combinedpics[32] = "images/stereotypes_color/big/r2c1_r2c3.jpg"
combinedpics[33] = "images/stereotypes_color/big/r2c1_r3c1.jpg"
combinedpics[34] = "images/stereotypes_color/big/r2c1_r3c2.jpg"
combinedpics[35] = "images/stereotypes_color/big/r2c1_r3c3.jpg"
combinedpics[36] = "images/stereotypes_color/big/r2c2_r1c1.jpg"
combinedpics[37] = "images/stereotypes_color/big/r2c2_r1c2.jpg"
combinedpics[38] = "images/stereotypes_color/big/r2c2_r1c3.jpg"
combinedpics[39] = "images/stereotypes_color/big/r2c2_r2c1.jpg"
combinedpics[40] = "images/stereotypes_color/big/r2c2_r2c2.jpg"
combinedpics[41] = "images/stereotypes_color/big/r2c2_r2c3.jpg"
combinedpics[42] = "images/stereotypes_color/big/r2c2_r3c1.jpg"
combinedpics[43] = "images/stereotypes_color/big/r2c2_r3c2.jpg"
combinedpics[44] = "images/stereotypes_color/big/r2c2_r3c3.jpg"
combinedpics[45] = "images/stereotypes_color/big/r2c3_r1c1.jpg"
combinedpics[46] = "images/stereotypes_color/big/r2c3_r1c2.jpg"
combinedpics[47] = "images/stereotypes_color/big/r2c3_r1c3.jpg"
combinedpics[48] = "images/stereotypes_color/big/r2c3_r2c1.jpg"
combinedpics[49] = "images/stereotypes_color/big/r2c3_r2c2.jpg"
combinedpics[50] = "images/stereotypes_color/big/r2c3_r2c3.jpg"
combinedpics[51] = "images/stereotypes_color/big/r2c3_r3c1.jpg"
combinedpics[52] = "images/stereotypes_color/big/r2c3_r3c2.jpg"
combinedpics[53] = "images/stereotypes_color/big/r2c3_r3c3.jpg"
combinedpics[54] = "images/stereotypes_color/big/r3c1_r1c1.jpg"
combinedpics[55] = "images/stereotypes_color/big/r3c1_r1c2.jpg"
combinedpics[56] = "images/stereotypes_color/big/r3c1_r1c3.jpg"
combinedpics[57] = "images/stereotypes_color/big/r3c1_r2c1.jpg"
combinedpics[58] = "images/stereotypes_color/big/r3c1_r2c2.jpg"
combinedpics[59] = "images/stereotypes_color/big/r3c1_r2c3.jpg"
combinedpics[60] = "images/stereotypes_color/big/r3c1_r3c1.jpg"
combinedpics[61] = "images/stereotypes_color/big/r3c1_r3c2.jpg"
combinedpics[62] = "images/stereotypes_color/big/r3c1_r3c3.jpg"
combinedpics[63] = "images/stereotypes_color/big/r3c2_r1c1.jpg"
combinedpics[64] = "images/stereotypes_color/big/r3c2_r1c2.jpg"
combinedpics[65] = "images/stereotypes_color/big/r3c2_r1c3.jpg"
combinedpics[66] = "images/stereotypes_color/big/r3c2_r2c1.jpg"
combinedpics[67] = "images/stereotypes_color/big/r3c2_r2c2.jpg"
combinedpics[68] = "images/stereotypes_color/big/r3c2_r2c3.jpg"
combinedpics[69] = "images/stereotypes_color/big/r3c2_r3c1.jpg"
combinedpics[70] = "images/stereotypes_color/big/r3c2_r3c2.jpg"
combinedpics[71] = "images/stereotypes_color/big/r3c2_r3c3.jpg"
combinedpics[72] = "images/stereotypes_color/big/r3c3_r1c1.jpg"
combinedpics[73] = "images/stereotypes_color/big/r3c3_r1c2.jpg"
combinedpics[74] = "images/stereotypes_color/big/r3c3_r1c3.jpg"
combinedpics[75] = "images/stereotypes_color/big/r3c3_r2c1.jpg"
combinedpics[76] = "images/stereotypes_color/big/r3c3_r2c2.jpg"
combinedpics[77] = "images/stereotypes_color/big/r3c3_r2c3.jpg"
combinedpics[78] = "images/stereotypes_color/big/r3c3_r3c1.jpg"
combinedpics[79] = "images/stereotypes_color/big/r3c3_r3c2.jpg"
combinedpics[80] = "images/stereotypes_color/big/r3c3_r3c3.jpg"

function pageload(){
	timeoutID = setTimeout('SwapSlide()', timeBetween);
	pickrand();
	MM_preloadImages('images/stereotypes_color/small/r1c1_top.jpg',
					 'images/stereotypes_color/small/r1c1_top_over.jpg',
					 'images/stereotypes_color/small/r1c1_bottom.jpg',
					 'images/stereotypes_color/small/r1c1_bottom_over.jpg',
					 'images/stereotypes_color/small/r1c2_top.jpg',
					 'images/stereotypes_color/small/r1c2_top_over.jpg',
					 'images/stereotypes_color/small/r1c2_bottom.jpg',
					 'images/stereotypes_color/small/r1c2_bottom_over.jpg',
					 'images/stereotypes_color/small/r1c3_top.jpg',
					 'images/stereotypes_color/small/r1c3_top_over.jpg',
					 'images/stereotypes_color/small/r1c3_bottom.jpg',
					 'images/stereotypes_color/small/r1c3_bottom_over.jpg',
					 'images/stereotypes_color/small/r2c1_top.jpg',
					 'images/stereotypes_color/small/r2c1_top_over.jpg',
					 'images/stereotypes_color/small/r2c1_bottom.jpg',
					 'images/stereotypes_color/small/r2c1_bottom_over.jpg',
					 'images/stereotypes_color/small/r2c2_top.jpg',
					 'images/stereotypes_color/small/r2c2_top_over.jpg',
					 'images/stereotypes_color/small/r2c2_bottom.jpg',
					 'images/stereotypes_color/small/r2c2_bottom_over.jpg',
					 'images/stereotypes_color/small/r2c3_top.jpg',
					 'images/stereotypes_color/small/r2c3_top_over.jpg',
					 'images/stereotypes_color/small/r2c3_bottom.jpg',
					 'images/stereotypes_color/small/r2c3_bottom_over.jpg',
					 'images/stereotypes_color/small/r3c1_top.jpg',
					 'images/stereotypes_color/small/r3c1_top_over.jpg',
					 'images/stereotypes_color/small/r3c1_bottom.jpg',
					 'images/stereotypes_color/small/r3c1_bottom_over.jpg',
					 'images/stereotypes_color/small/r3c2_top.jpg',
					 'images/stereotypes_color/small/r3c2_top_over.jpg',
					 'images/stereotypes_color/small/r3c2_bottom.jpg',
					 'images/stereotypes_color/small/r3c2_bottom_over.jpg',
					 'images/stereotypes_color/small/r3c3_top.jpg',
					 'images/stereotypes_color/small/r3c3_top_over.jpg',
					 'images/stereotypes_color/small/r3c3_bottom.jpg',
					 'images/stereotypes_color/small/r3c3_bottom_over.jpg',
	                 'images/generate-on.gif',
	                 'images/start-on.gif',
	                 'images/stop-on.gif',
	                 'images/start.gif',
	                 'images/stop.gif',
	                 'images/generate.gif');

}

function clickImg(row, col, tb){
	
	switch(tb)
	{
		case "top" :
			topOff();
			toprow = row;
			topcol = col;
			break;
		case "bottom" :
			bottomOff();
			bottomrow = row;
			bottomcol = col;
			break;
	}
			
	smallimg = "r" + row + "c" + col + "_" + tb;
	combinedimg = "r" + toprow + "c"+topcol + "_" + "r" + bottomrow + "c" + bottomcol;
	//alert(smallimg);
	//alert(combinedimg);
	MM_swapImage(smallimg,'','images/stereotypes_color/small/'+smallimg+'_over.jpg','combinedpic','','images/stereotypes_color/big/'+combinedimg+'.jpg',1);
	return false
}

function pickrand(){
	
var topimg = Math.floor(Math.random()*(totalcombos))+1;
message = "topimg = " + topimg + "\r\n\r\n";
var bottomimg = Math.floor(Math.random()*(totalcombos))+1;
message += "bottomimg = " + bottomimg + "\r\n\r\n";

toprow = Math.floor((topimg-1)/totalrows)+1;
//alert("toprow = " + toprow);

topcol = ((topimg-1) % totalrows) + 1;
//alert("topcol = " + topcol);

bottomrow = Math.floor((bottomimg-1)/totalrows)+1;
//alert("bottomrow = " + bottomrow);

bottomcol = ((bottomimg-1) % totalrows) + 1;
//alert("bottomcol = " + bottomcol);

//alert(message + "The composite icture should be \r\n\r\nr" + toprow + "c" + topcol + "\r\n-------\r\n" + "r" + bottomrow + "c" + bottomcol); 

topimgname = "r"+toprow+"c"+topcol+"_top";
bottomimgname = "r"+bottomrow+"c"+bottomcol+"_bottom";
combinedimg = "r"+toprow+"c"+topcol+"_"+"r"+bottomrow+"c"+bottomcol;
MM_swapImage(topimgname,'','images/stereotypes_color/small/'+topimgname+'_over.jpg',bottomimgname,'','images/stereotypes_color/small/'+bottomimgname+'_over.jpg','combinedpic','','images/stereotypes_color/big/'+combinedimg+'.jpg',1);
}


function topOff() {
MM_swapImage('r1c1_top','','images/stereotypes_color/small/r1c1_top.jpg',
'r1c2_top','','images/stereotypes_color/small/r1c2_top.jpg',
'r1c3_top','','images/stereotypes_color/small/r1c3_top.jpg',
'r2c1_top','','images/stereotypes_color/small/r2c1_top.jpg',
'r2c2_top','','images/stereotypes_color/small/r2c2_top.jpg',
'r2c3_top','','images/stereotypes_color/small/r2c3_top.jpg',
'r3c1_top','','images/stereotypes_color/small/r3c1_top.jpg',
'r3c2_top','','images/stereotypes_color/small/r3c2_top.jpg',
'r3c3_top','','images/stereotypes_color/small/r3c3_top.jpg',1)
}
function bottomOff() {
MM_swapImage('r1c1_bottom','','images/stereotypes_color/small/r1c1_bottom.jpg',
'r1c2_bottom','','images/stereotypes_color/small/r1c2_bottom.jpg',
'r1c3_bottom','','images/stereotypes_color/small/r1c3_bottom.jpg',
'r2c1_bottom','','images/stereotypes_color/small/r2c1_bottom.jpg',
'r2c2_bottom','','images/stereotypes_color/small/r2c2_bottom.jpg',
'r2c3_bottom','','images/stereotypes_color/small/r2c3_bottom.jpg',
'r3c1_bottom','','images/stereotypes_color/small/r3c1_bottom.jpg',
'r3c2_bottom','','images/stereotypes_color/small/r3c2_bottom.jpg',
'r3c3_bottom','','images/stereotypes_color/small/r3c3_bottom.jpg',1)
}

timeBetween    = 2000;
stopped = true;
var timeoutID;

function SwapSlide() {
   if ((document.images) && (stopped == false)) {
      pickrand();
	  topOff();bottomOff();      
      timeoutID = setTimeout('SwapSlide()', timeBetween);
   }
}

function StopShow() {
   stopped = true;
   clearTimeout(timeoutID);
}

function StartShow() {
   if (stopped == true) {
      stopped = false;
      SwapSlide();
   }
}