var prloadedimgs = new Array();
var no_imgs = 4;
var cur_img, op, seq;

for (cur_img = 0; cur_img < no_imgs; cur_img++)
{
 prloadedimgs[cur_img] = new Image();
 prloadedimgs[cur_img].src = '/jdd/public/images/rotate' + cur_img + '.jpg';
}
cur_img = 0;
op = 100;
seq = 0;
setTimeout("dochange()", 3500);

function dochange()
{
var period = 8;
var obj = document.getElementById("imgrotate");

 switch(seq)
 {
  case 0:
   op -= 1;
   setOpacity(obj, op);
   if (op == 0)
   {
    seq++;
    if (++cur_img >= no_imgs)
     cur_img = 0;
    obj.setAttribute("src", prloadedimgs[cur_img].src);
   }
   break;
   
  case 1:
   op += 1;
   setOpacity(obj, op);
   if (op == 100)
    seq++;
   break;   

  default:
   seq = 0;
   period = 3500;
   break;
 }
 setTimeout("dochange()", period);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}