var interval = 1500; 
var imageArray=new Array(); 
var totalImages; 
var imageNum=0;
var timerID;
var show;
var Ctrls= true;

function changeTimeDelay(t)
{
 interval= t; 
}

if (document.images)
{
 imgE0 = new Image();
 imgE0.src = "/graphics/mss_pause.jpg";
 imgE1 = new Image();
 imgE1.src = "/graphics/mss_start.jpg";
 imgE2 = new Image();
}

function showImageNo()
{
 var id= "imgNumber";
 var i= imageNum + 1;
 var n = " " +i+ " of"; 
 var t = " " +totalImages;
 var y =  n + t;
 if(document.getElementById(id)) document.getElementById(id).innerHTML = y;
}

function hide_box()
{
overboxdiv=0;

hidebox();
}

function ss_speech()
{
 if(!speech)
  document.ss_speech.src= "/graphics/speech_off.gif";
 else
  document.ss_speech.src= "/graphics/speech_on.gif";
}

function toggleCtrls()
{
 if(Ctrls)
 {
  clearCtrls()
 }
 else
 {
  showalldiv()
 }
}

function chk_ss_speech()
{
 if(speech)
 {
  if(lastimgFldname==p[1])
    document.ss_speech.src= "/graphics/speech_on.gif";
  else
   document.ss_speech.src= "/graphics/speech_onx.gif";
 }
} 

function starttheshow()
{
 if(document.getElementById('toggle') &&  document.getElementById('myImage')                 )
 {
  pauseshow()
  changeTimeDelay(interval);
  setVisibility('sub0', 'none')
  document.myImage.src=imageArray[1].src;
  switchImage('myImage')
  show= true;
  document.toggle.src= "/graphics/mss_pause.jpg"
  setVisibility('sub1', 'inline')
  chk_ss_speech()
 }
}

function pauseshow()
{
 clearTimeout(timerID)
 show=false;
 if(document.getElementById('toggle')) document.toggle.src= "/graphics/mss_start.jpg";
}

function toggleShow()
{
 if(show==true)
 { 
  show= false;
  clearTimeout(timerID)
  document.toggle.src= "/graphics/mss_start.jpg";
 }
 else
 {
  show= true;
  switchImage('myImage')
  document.toggle.src= "/graphics/mss_pause.jpg";
 }  
}

function clearCtrls()
{
 setVisibility('sub3', 'none');
 setVisibility('sub4', 'none');
 setVisibility('sub5', 'none');
 Ctrls=false;
 document.ctrls.src= "/graphics/showctrls.gif"
}

function showalldiv()
{
 setVisibility('sub3', 'inline');
 setVisibility('sub4', 'inline');
 setVisibility('sub5', 'inline');
 Ctrls=true;
 document.ctrls.src= "/graphics/hidectrls.gif"
}

function setVisibility(id, visibility)
{
 if(document.getElementById(id))
 document.getElementById(id).style.display = visibility;
}

/*  **** auxilary functions **** */
function imageItem(image_location) { 
this.image_item = new Image(); 
this.image_item.src = image_location; 
} 

function get_ImageItemLocation(imageObj) { 
return(imageObj.image_item.src) 
} 

function getTheNextImage() { 
imageNum = (imageNum+1) % totalImages; 
var new_image = get_ImageItemLocation(imageArray[imageNum]); 
showImageNo()
return(new_image); 
} 

function getPrevImage() { 
if(imageNum == 0) imageNum= totalImages;
show=false;
imageNum = (imageNum-1) % totalImages; 
var new_image = get_ImageItemLocation(imageArray[imageNum]); 
showImageNo()
return(new_image); 
} 

function prevImage(place) { 
var new_image = getPrevImage(); 
if(document.getElementById(place)) document[place].src = new_image; 
} 

function getNextImage() { 
if(imageNum ==totalImages) imageNum= 0;
show=false;
imageNum = (imageNum+1) % totalImages; 
var new_image = get_ImageItemLocation(imageArray[imageNum]); 
showImageNo()
return(new_image); 
} 

function nextImage(place) { 
var new_image = getNextImage(); 
if(document.getElementById(place)) document[place].src = new_image; 
} 

function switchImage(place) { 
var new_image = getTheNextImage(); 
if(document.getElementById(place)) document[place].src = new_image; 
var recur_call = "switchImage('"+place+"')"; 
timerID = setTimeout(recur_call, interval); 
}