var IEop;
  var FFop;
  var banner;
  var add=1;
  var files=new Array(); 
  
  files[0]='Image/homebackgroundright1.jpg';
  files[1]='Image/homebackgroundright2.jpg';
  files[2]='Image/homebackgroundright3.jpg';
    
  var index;
  var banner = new Array();
  var ratio =8; 
  for( index=0;index<files.length;index++ )
  {
    var banim = new Image();
    banim.src = files[index];
    banner[index] = banim;
  }

  IEop = ["0","20","40","60","80","100"];
  FFop = ["0","0.2","0.4","0.6","0.8","1.0"];
  var i=IEop.length;

  var j=0;

function fadeBanner()
{
  if( i>IEop.length*ratio) 
  {
    add=-1;
  }
  if( i<=0 ) 
  {
    add = 1;
    j=(j+1)%banner.length;
    document.getElementById("myImg").src = banner[j].src;
  }
  i=i+add;
  var fade=(i*(i<IEop.length))+((IEop.length-1)*(i>=IEop.length));
  
  var browser="unknown";    
  var userAgent = navigator.userAgent.toLowerCase();      
  if (userAgent.indexOf("opera") > -1)        
    document.getElementById("myDiv").style.opacity=FFop[fade];
  else if (userAgent.indexOf("konqueror") > -1)        
    document.getElementById("myDiv").style.KhtmlOpacity=FFop[fade];      
  else if (userAgent.indexOf("firefox") > -1)        
    document.getElementById("myDiv").style.MozOpacity= FFop[fade];      
  if (navigator.userAgent.indexOf("MSIE")!=-1)
    document.getElementById("myDiv").filters.alpha.opacity = IEop[fade];
  else if (userAgent.indexOf("chrome") > -1)
  {     
    document.getElementById("myImg").src = banner[j].src;
    document.getElementById("myDiv").style.opacity=FFop[fade];  
  }
  else if (userAgent.indexOf("safari") > -1)        
  {     
    document.getElementById("myImg").src = banner[j].src;
    document.getElementById("myDiv").style.opacity=FFop[fade];  
  }
  else
  {     
    document.getElementById("myImg").src = banner[j].src;
    document.getElementById("myDiv").style.opacity=FFop[fade];  
  }
  
}
function startRotation()
{
setInterval("fadeBanner()", 50); //add a seperate timer to switch images
}

setTimeout(startRotation, 3000);