// this will currently only work for one image tag per page

var curImage=0;
var numImages=2;
var imageName="";
var isMouseOver = false;

var dimages=new Array();
dimages[0]=new Image();
dimages[1]=new Image();

// set these values in consuming page
//imageName="";         // img tag's name attribute
//dimages[0].src="";    // path of first image file
//dimages[1].src="";    // path of second image file
         
function swapPicture()
{
  if (document.images)
  {
    var nextImage=curImage+1;
    
    if (nextImage>=numImages)
    {
      nextImage=0;
    }

    if (dimages[nextImage] && dimages[nextImage].complete)
    {
      var target=0;
      
      if (document.images[imageName])
      {
        target=document.images[imageName];
      }
      
      if (document.all && document.getElementById(imageName))
      {
        target=document.getElementById(imageName);
      }
  
      if(isMouseOver)
      {
         // don't swap image while mouse is over image. try again later
         setTimeout("swapPicture()", 250);
      }
      else
      {
          // make sure target is valid.  It might not be valid
          //   if the page has not finished loading
          if (target)
          {
            target.src=dimages[nextImage].src;
            curImage=nextImage;
          }
     
          setTimeout("swapPicture()", 1000);
      }
    }
    else
    {
      setTimeout("swapPicture()", 500);
    }
  }
}
 
setTimeout("swapPicture()", 1000);