var outer ;
var inner ;
var title ;
var slides ;
var container ;

function DataBind()
{
   slides = new Object() ;
   slides.fade = 0 ;
   slides.timer = 0 ;
   slides.index = 0 ;
   slides.count = 0 ;
   slides.images = new Array() ;
   slides.titles = new Array() ;
   
   outer = document.getElementById("imgOuter");
   inner = document.getElementById("imgInner");
   title = document.getElementById("divTitle");
   container = document.getElementById("divContainer");
}

function AddSlide(imgSrc,imgTitle)
{
   slides.images[slides.count] = new Image() ;
   slides.images[slides.count].src = imgSrc ;
   slides.titles[slides.count] = imgTitle ;

   if(slides.count==0)
   {
      outer.src = slides.images[slides.index].src ;
      inner.src = slides.images[slides.index].src ;

      title.innerHTML =  "<center>" + slides.titles[slides.index] + "</center>" ;
      title.style.top =  slides.images[slides.index].height ;
      title.style.width =  slides.images[slides.index].width ;

      container.style.width =  slides.images[slides.index].width ;
      container.style.height =  slides.images[slides.index].height + 25 ;
   }

   slides.count++ ;
}

function ChangeImage()
{

   if( slides.index+1 >= slides.count )
      slides.index = 0 ;
   else
      slides.index++ ;

   outer = document.getElementById("imgOuter");
   inner = document.getElementById("imgInner");
   title = document.getElementById("divTitle");

   outer.src = inner.src ;
   inner.src = slides.images[slides.index].src ;

   SetOpacity(inner, 0) ;

   if(slides.index>0)
      title.innerHTML =  "<center>" + slides.titles[slides.index-1] + "</center>" ;
   else
      title.innerHTML =  "<center>" + slides.titles[slides.count-1] + "</center>" ;

   title.style.top =  slides.images[slides.index].height ;
   title.style.width =  slides.images[slides.index].width ;
}


function Fade()
{
   outer = document.getElementById("imgOuter");
   inner = document.getElementById("imgInner");

   slides.timer += 5 ;

   if(slides.timer == 100)
   {
      ChangeImage() ;
      slides.fade = 0 ;
      SetOpacity(inner , slides.fade) ;
   }
   else if( slides.timer < 100 )
   {
      slides.fade += 5 ;
      if( slides.fade <= 100 )
         SetOpacity(inner , slides.fade) ;
   }
   else if( slides.timer >= 200 )
   {
      slides.timer = 0 ;
   }

   setTimeout('Fade()', 100) ;
}

function SetOpacity(obj, value) {
   obj.style.opacity = value/100;
   obj.style.filter = 'alpha(opacity=' + value + ')';
}