var pauseTimer=7000; //The amount of time the text displays before it cycles again
var opacity=0;  //The opacity level
var loop=0;  //This is the number of times the opacity goes from 0-100-0 again.
var speed=10;  //Speed of the fade itself.
  
var panelDiv=new Array();
      panelDiv[0]= "divPanel1";
      panelDiv[1]= "divPanel2";
      panelDiv[2]= "divPanel3";
      panelDiv[3]= "divPanel4";
      panelDiv[4]= "divPanel5";
 
var arrayLength = panelDiv.length;  //We set the array Length based on the size of the array so we don't have to specify it if we add on later.
 
function fadeInOut(pauseTime, value) 
{
 
      var element = document.getElementById("divMainPanel");
      var blZoom = element.style.zoom;
      if (blZoom == null)
        blZoom = 1;
 
  if (value == 'pause')
  {
      element.style.zoom=0;
      pause=1;
      setTimeout('fadeInOut(' + pauseTimer +  ',\'fadeOut\');', pauseTime);
  }
  else if (value == 'fadeIn')
  {     
    opacity++;
    setTimeout('fade(opacity, \'fadeIn\');', pauseTime); 
  }
  else if (value == 'fadeOut')
  { 
    if(blZoom == '0')
      element.style.zoom=1;   
    opacity--;    
    setTimeout('fade(opacity, \'fadeOut\');', pauseTime);     
  }     
}
 
function fade(opacity, value)
{
  var element = document.getElementById("divMainPanel");
if(!element)
 throw Error.argumentNull('element');
 
 
  if(element.filters)
  { 
    var filters = element.filters;
    var createFilter = true;
    if (filters.length !== 0)
    {
      var alphaFilter = filters['DXImageTransform.Microsoft.Alpha'];
      if (alphaFilter)
      {
        createFilter = false;
        alphaFilter.opacity = opacity;
      }
    }
    if (createFilter)
    {
      element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (opacity) + ')';
    }
  }
  else
    element.style.opacity= opacity/100;
 
  if (opacity == 100)
  {
    removeFilter(element);
    fadeInOut(pauseTimer, 'pause');
  }
  else if (opacity == 0)
  {
    if( loop < arrayLength)
    {
      element.innerHTML = document.getElementById(panelDiv[loop]).innerHTML;  
      loop++;
    }
    else   
    {
      loop=0; 
      element.innerHTML = document.getElementById(panelDiv[loop]).innerHTML;  
      loop++;
    }
  fadeInOut(speed, 'fadeIn'); 
  }   
  else
  {
    fadeInOut(speed, value);
  } 
}
function removeFilter(element)
{
  if(element.style.filter && element.style.removeAttribute)
    element.style.removeAttribute('filter');
}