function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "', " + (i == opacEnd ? "true" : "false") + ")",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    }  
} 

//change the opacity for different browsers 
function changeOpac(opacity, id, chg) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
    chg ? cycleBan() : false;
}


var bannerImg = new Array();
  // Enter the names of the images below
  bannerImg[0]="images/gallery/homepage/001.jpg";
  bannerImg[1]="images/gallery/homepage/002.jpg";
  bannerImg[2]="images/gallery/homepage/003.jpg";
  bannerImg[3]="images/gallery/homepage/004.jpg";
  bannerImg[4]="images/gallery/homepage/005.jpg";
  bannerImg[5]="images/gallery/homepage/006.jpg";
  bannerImg[6]="images/gallery/homepage/007.jpg";
  bannerImg[7]="images/gallery/homepage/008.jpg";
  bannerImg[8]="images/gallery/homepage/009.jpg";


var newBanner = 0;
var totalBan = bannerImg.length;
function startCycle()
{
    opacity('banner',100,10, 1000);
}
function cycleBan() {
  newBanner++;
  if (newBanner == totalBan) {
    newBanner = 0;
  }

  

  //  change the image now :)
    document.banner.src=bannerImg[newBanner];

  // now fade back it
opacity('banner',10, 100, 1000)

  // Set the image to cycle
  setTimeout("startCycle()", 3*1000);
}
window.onload=cycleBan;