var agt = navigator.userAgent.toLowerCase();
var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var is_win  = ((agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1)) ? true : false;

var maxImages = 1;
var maxImages = 2;
var maxImages = 3;
var maxImages = 4;
var maxImages = 5;
var activeImage = 1;

function fnToggle() {
  if (is_win && ie5)
  {
    prvImageContainer.filters[0].Apply();
    document.getElementById("prvImage" + activeImage).style.visibility="hidden";
    if (activeImage == maxImages) activeImage=0;
    activeImage++;
    document.getElementById("prvImage" + activeImage).style.visibility="visible";
    prvImageContainer.filters[0].Play();
  } else {
    document.prvImage.src = img[activeImage].src;
    activeImage++;
    if (activeImage > maxImages) activeImage=1;
  }                               
}               

function beginTransitions() {
  timerID = setInterval("fnToggle()", 5000);
}

beginTransitions();

   if ((is_win) && (ie5))
   {
     document.write('<div id="prvImageContainer" style="position: relative; top: 0px; left: 0px; visibility: visible; width: 190px; height: 130px; filter:blendTrans(duration=2,overlap=1.0)" >');
     document.write('<div id="prvImage1" style="position: absolute; top: 0px; left: 0px; visibility: visible; width: 190px; height: 130px"><img src="images/fade01.jpg" width="190" height="130" alt="" /></div>');
     document.write('<div id="prvImage2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 190px; height: 130px"><img src="images/fade02.jpg" width="190" height="130" alt="" /></div>');
     document.write('<div id="prvImage3" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 190px; height: 130px"><img src="images/fade03.jpg" width="190" height="130" alt="" /></div>');
     document.write('<div id="prvImage4" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 190px; height: 130px"><img src="images/fade04.jpg" width="190" height="130" alt="" /></div>');
     document.write('<div id="prvImage5" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 190px; height: 130px"><img src="images/fade05.jpg" width="190" height="130" alt="" /></div>');
     document.write('</div>');
   } else {
     document.write('<img src="images/fade01.jpg" name="prvImage" width="190" height="130" alt="" />');
   }