var count=0;

function nextImage()
{
 var obj = document.getElementById(imageID);
 obj.src=images[count];
 setElementHTML("slideTitle", "<b>"+titles[count]+"</b>");

 var image=document.getElementById(imageID);
 setOpacity(image, 0);
 image.style.visibility='visible';
 var title=document.getElementById(titleID);
 setOpacity(title, 0);
 title.style.visibility='visible';
 fadeIn(0, 2);

 count++;
 if (count>=images.length)
  count=0;
}

function setOpacity(obj, opacity)
{
 var opacity = (opacity == 100)?99.999:opacity;

 // IE/Win
 obj.style.filter = "alpha(opacity:"+opacity+")";
  
 // Safari<1.2, Konqueror
 obj.style.KHTMLOpacity = opacity/100;
  
 // Older Mozilla and Firefox
 obj.style.MozOpacity = opacity/100;
  
 // Safari 1.2, newer Firefox and Mozilla, CSS3
 obj.style.opacity = opacity/100;
}

function fadeIn(opacity, increment)
{
 if (document.getElementById)
 {
  if (opacity <= 100)
  {
   setOpacity(document.getElementById(imageID), opacity);
   setOpacity(document.getElementById(titleID), opacity);
   opacity += increment;
   window.setTimeout("fadeIn("+opacity+", "+increment+")", 50);
  }
  else
   window.setTimeout("fadeOut("+opacity+", "+increment+")", 2000);
 }
}

function fadeOut(opacity, increment)
{
 if (document.getElementById)
 {
  if (opacity>=0)
  {
   setOpacity(document.getElementById(imageID), opacity);
   setOpacity(document.getElementById(titleID), opacity);
   opacity = opacity-increment;
   window.setTimeout("fadeOut("+opacity+", "+increment+")", 50);
  }
  else
   nextImage();
 }
}


function fadeInPic(id, opacity, increment)
{
 if (document.getElementById)
 {
  if (opacity <= 100)
  {
   setOpacity(document.getElementById(id), opacity);
   opacity += increment;
   window.setTimeout("fadeInPic(\""+id+"\", "+opacity+", "+increment+")", 150);
  }
 }
}