var fadeDuration = 0.5;
var displayDuration = 2.5;

window.onload = function()
{
  getImages();
  loadImages();
  startBanner();
}

var arrImages = new Array();
function getImages()
{
  if( $('cb_banner') )
  {
    var descendants = $('cb_banner').descendants();
    for( var i=0; i<descendants.length; i++)
    {
      var descendant = descendants[i];
      
      if( descendant.tagName.toLowerCase() == 'img' )
      {
        arrImages.push(descendant);
      }
    }
  }
  else
  {
    //alert("no cb_banner");
  }
  
  return arrImages;
}

var cb_banner_loaded = false;
function loadImages()
{
  for( var i=0; i<arrImages.length; i++ )
  {
    var image = arrImages[i];
    var imgTemp = new Image();
    imgTemp.src = image.getAttribute("src");
    
    image.setOpacity(0.0);
    image.style.visibility = "visible";
  }
  
  cb_banner_loaded = true;
}

function startBanner()
{
  while( !cb_banner_loaded )
  {}
  
  arrImages[arrImages.length-1].appear({duration:fadeDuration});
  
  if( arrImages.length>1 )
  {
    arrImages.reverse();
    setTimeout("doFade(0)", (1+displayDuration)*1000);
  }
}

function doFade(nCurrent)
{
  var current = arrImages[nCurrent];
  var nNext = nCurrent+1;
  
  if( nCurrent>=(arrImages.length - 1) )
  {
    nNext = 0;
  }
  
  var next = arrImages[nNext];
  
  next.appear( {duration:fadeDuration} );
  current.fade( {duration:fadeDuration} );
  
  setTimeout("doFade("+nNext+")", displayDuration*1000);
}