YAHOO.namespace("core.container");
           

function slideShow(ssID, slides, timeout) {
  
  var id = 0;        
  YAHOO.core.container.overlay = []; 

  YAHOO.core.container.overlay.onHide = function ()
  {    
    var img = document.getElementById("slide"+id);    
    img.style.position = 'absolute';
    id++;               
    showSlide();
  }

  var showSlide = function (){   

   
    if(id >= slides.length) id = 0;        
  
    var img = document.getElementById("slide"+id);    
    if(typeof(img) == 'undefined' || img == null) {           
      ss = document.getElementById(ssID);    
      img = document.createElement('img');
      img.id = "slide"+id;       
      ss.appendChild(img);    
      img.style.position ='static';
      img.style.left = 0;
      img.style.top = 0;
    
      YAHOO.core.container.overlay[id] = new YAHOO.widget.Overlay("slide"+id, 
         {  visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.65}  } );      
         
      YAHOO.core.container.overlay[id].render(ssID);      
      YAHOO.core.container.overlay[id].hideEvent.subscribe(YAHOO.core.container.overlay.onHide, true);          
  
      var mainGroup = new YAHOO.util.ImageLoader.group();
      mainGroup.registerSrcImage("slide"+id, slides[id]);
      mainGroup.fetch();      
    }  else img.style.position ='static';
    YAHOO.core.container.overlay[id].show();           

  }  
  var hideSlide= function (){
    YAHOO.core.container.overlay[id].hide();
  }
  showSlide();
  setInterval(hideSlide, timeout);
}