/*
<script language="JavaScript">
var i = 0, timer;
var slide = new Array();

slide[0] = "page1.htm,Dodge Neon,neon.jpg";
slide[1] = "page2.htm,Dodge Stratus,stratus.jpg";
slide[2] = "page3.htm,Dodge Viper,viper.jpg";

</script>
*/
function swapImage()
{
  var strArray = slide[i].split(",");

  document.getElementById("show").innerHTML = 
"<a href='" +  strArray[0] + "' target='_top'>" +
"<img align='left' alt='" + strArray[1] + "' " +
"style='border:1px solid #000000;' width=300 height=250 src='" + strArray[2] + "' vspace='10' hspace='10'></a>" + strArray[3];
}

function runShow()
{
  timer = setTimeout("runShow()",5000);
  if(i < slide.length - 1) i++; else i = 0;
  swapImage();  
}
//<body onLoad="runShow()">
/*
<input type="button" value="Stop" onclick="stopShow()">
<input type="button" value="Prev" onclick="prevSlide()">
<input type="button" value="Next" onclick="nextSlide()">
<input type="button" value="Start" onclick="runShow()">
*/
function stopShow()
{
  clearTimeout(timer);
}

function prevSlide()
{
  stopShow();
  if(i == 0) i = slide.length - 1; else i--;
  swapImage();
}

function nextSlide()
{
  stopShow();
  if(i < slide.length - 1) i++; else i = 0;
  swapImage();
}
/*
<span id="show" style="position:absolute; left:100; top:100;
  width:100; height:100;">
  */
