// store an interval in a variable

var pause = 1000;

// create and initialize a counter                                    

var n = 0;

var nstart = 0;
var nend = 2;
var clue_event = 0; 

var nn1 = 0;
var nn2 = 0;
var nn3 = 0;

var index1 = new Array (0,1,2,2,4,1,3,4,3,6,4,3,6,7);  

var imgs1 = new Array ( 
"./slide_jpgs/mite_1A.jpg", 
"./slide_jpgs/mite_2A.jpg", 
"./slide_jpgs/mite_3A.jpg", 
"./slide_jpgs/mite_displace_1.jpg", 
"./slide_jpgs/mite_displace_2.jpg", 
"./slide_jpgs/mite_source_1.jpg", 
"./slide_jpgs/mite_source_2.jpg",
"./slide_jpgs/mite_source_3.jpg"
);

var index2 = new Array (0,1,2,3,4,3,4,5,5,4,5,6,5,7);                                         

var imgs2 = new Array (
"./slide_jpgs/mite_1B.jpg", 
"./slide_jpgs/mite_2B.jpg", 
"./slide_jpgs/mite_3B.jpg", 
"./slide_jpgs/mite_displace_1.jpg", 
"./slide_jpgs/mite_displace_2.jpg", 
"./slide_jpgs/mite_source_1.jpg", 
"./slide_jpgs/mite_source_2.jpg",
"./slide_jpgs/mite_source_3.jpg"
);
                                         
var index3 = new Array (0,1,2,2,4,3,5,4,3,5,6,3,6,7);  
 

var imgs3 = new Array (
"./slide_jpgs/mite_1C.jpg", 
"./slide_jpgs/mite_2C.jpg", 
"./slide_jpgs/mite_3C.jpg", 
"./slide_jpgs/mite_displace_1.jpg", 
"./slide_jpgs/mite_displace_2.jpg", 
"./slide_jpgs/mite_source_1.jpg", 
"./slide_jpgs/mite_source_2.jpg",
"./slide_jpgs/mite_source_3.jpg"
);
                                        

var imgsT1 = new Array (
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif", 
"./slide_jpgs/mite_disp_map_1_text.gif", 
"./slide_jpgs/mite_disp_map_2_text.gif", 
"./slide_jpgs/mite_source_1_text.gif",
"./slide_jpgs/mite_source_2_text.gif",
"./slide_jpgs/mite_source_3_text.gif"
);
                                    

var imgsT2 = new Array (
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif", 
"./slide_jpgs/mite_disp_map_1_text.gif", 
"./slide_jpgs/mite_disp_map_2_text.gif", 
"./slide_jpgs/mite_source_1_text.gif",
"./slide_jpgs/mite_source_2_text.gif",
"./slide_jpgs/mite_source_3_text.gif"
);

var imgsT3 = new Array ( 
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif",
"./slide_jpgs/mud_bland_text.gif", 
"./slide_jpgs/mite_disp_map_1_text.gif", 
"./slide_jpgs/mite_disp_map_2_text.gif", 
"./slide_jpgs/mite_source_1_text.gif",
"./slide_jpgs/mite_source_2_text.gif",
"./slide_jpgs/mite_source_3_text.gif"
);

var imgsP1 = new Array ( 
"./slide_jpgs/mud_progress_A2.gif",
"./slide_jpgs/mud_progress_A3.gif",
"./slide_jpgs/mud_progress_A4.gif"
);

// preload all the images

var preload1 = new Array();                             

for( var i = 1; i < imgs1.length; i++ )
{                                            
  preload1[i] = new Image();           
  preload1[i].src = imgs1[i];                                     
}
// preload all the images

var preload2 = new Array();                             

for( var i = 1; i < imgs2.length; i++ )
{                                            
  preload2[i] = new Image();           
  preload2[i].src = imgs2[i];                                     
}

var preload3 = new Array();                             

for( var i = 1; i < imgs3.length; i++ )
{                                            
  preload3[i] = new Image();           
  preload3[i].src = imgs3[i];                                     
}

var preloadT1 = new Array();                             

for( var i = 1; i < imgsT1.length; i++ )
{                                            
  preloadT1[i] = new Image();           
  preloadT1[i].src = imgsT1[i];                                     
}
// preload all the images

var preloadT2 = new Array();                             

for( var i = 1; i < imgsT2.length; i++ )
{                                            
  preloadT2[i] = new Image();           
  preloadT2[i].src = imgsT2[i];                                     
}

var preloadT3 = new Array();                             

for( var i = 1; i < imgsT3.length; i++ )
{                                            
  preloadT3[i] = new Image();           
  preloadT3[i].src = imgsT3[i];                                     
}

var preloadP1 = new Array();                             

for( var i = 1; i < imgsP1.length; i++ )
{                                            
  preloadP1[i] = new Image();           
  preloadP1[i].src = imgsP1[i];                                     
}
// a function to display each image for the set interval

function rotate()
{ 
  nn1 = index1[n];
  nn2 = index2[n];
  nn3 = index3[n];
                      
  window.document.images.pic1.src = imgs1[nn1];
  window.document.images.pic2.src = imgs2[nn2];
  window.document.images.pic3.src = imgs3[nn3]; 
  window.document.images.pic4.src = imgsT1[nn1];
  window.document.images.pic5.src = imgsT2[nn2];
  window.document.images.pic6.src = imgsT3[nn3];                  
  ( n == nend) ? n = nstart : n++;  
  window.setTimeout( "rotate()", pause );                              
}

function clue_one()
{
if (clue_event == 0)
	{ 
	nend = 5;
	nstart = 3;
	clue_event = 1;
	window.document.images.picProg.src = imgsP1[0];
	}
else
	{
	if (clue_event == 1)
		{ 
		nend = 11;
		nstart = 7;
		clue_event = 2;
		window.document.images.picProg.src = imgsP1[1];
		}
	else
		{
		if (clue_event == 2)
		{ 
			nend = 13;
			nstart = 13;
			window.document.images.picProg.src = imgsP1[2]		}
		}
	}
}                       


// specify the onload event-handler

window.onload = rotate;