// JavaScript code for the ImageSlideShow Component         

var imageSlideShows = new Array();         

// Internal data structure used for each Slide         
function ImageSlide(imageUrl, title, slideUrl) {         
  this.title = title;         
  this.slideUrl = slideUrl;         
  this.image = new Image();         
  this.image.src = imageUrl;         
}         

function ImageSlideShow(key, interval) {         
  this.key = key;         
  this.idx = 0;         
  this.timer = null;         
  this.interval = interval;         
  this.slides = new Array();         
  this.btnImg = new Array();         
  this.btnImg2 = new Array();         
  this.pauseLabel = "||";         
  this.playLabel = ">";         
  if (!imageSlideShows[key]) {imageSlideShows[key] = this};         


  this.addSlide = function (slideImg, slideTitle, slideURL) {         
    this.slides[this.slides.length] = new ImageSlide(slideImg, slideTitle, slideURL);         
  }         
           
  this.addButtonImg = function (img1, img2) {         
 this.btnImg[this.slides.length] = img1;         
 this.btnImg2[this.slides.length] = img2;         
  }         

  this.updateDiv = function() {         
           
 var fadeTime = IWOV_FX.fadeOut(this.key+"_div", 25, 10);         
 setTimeout("imageSlideShows['"+key+"'].setSlide()", fadeTime);         
 setTimeout("IWOV_FX.fadeIn('"+this.key+"_div', 25, 10)", fadeTime);         
  }         

  this.setSlide = function() {         
    try {         

 var slide = this.slides[this.idx];         
 var d = document.getElementById(this.key+"_div");         
          
 var links = slide.image.src;         
 var ext = links.substring(links.lastIndexOf("."));         
            
   if ((ext == ".jpg") || (ext == ".gif") || (ext == ".png") || (ext == ".jpeg")){         
   var a = d.getElementsByTagName("a")[0];         
   var img = d.getElementsByTagName("img")[0];         
   var bookTarget = d.getElementsByTagName("input")[0];         
            
   if(slide.slideUrl != "") {         
    d.innerHTML = "<a "         
      + "href='"+slide.slideUrl+"' "         
      + "><img border='0' width='500' height='290' "         
      + "src='"+slide.image.src+"' "         
      + "/></a><input type='hidden' name='bookTarget' value='"+slide.slideUrl+"'/>";         
   } else {         
    d.innerHTML = "<img border='0' width='500' height='290' "         
      + "src='"+slide.image.src+"' "         
      + "/><input type='hidden' name='bookTarget' value='"+slide.slideUrl+"'/>";         
   }         
           
   } else if (ext == ".swf"){         
   var a = d.getElementsByTagName("a")[0];         
   var img = d.getElementsByTagName("object")[0];           
   var bookTarget = d.getElementsByTagName("input")[0];         
            
   if(slide.slideUrl != "") {       
  d.innerHTML = "<a href='"+slide.slideUrl+"'>"   
   + "<embed width='500' height='290' src='"+slide.image.src+"' wmode='transparent'></embed>"   
   + "</a><input type='hidden' name='bookTarget' value='"+slide.slideUrl+"'/>";       
    } else {       
  d.innerHTML = "<embed id='player1' width='500' height='290' src='"+slide.image.src+"' wmode='transparent'></embed>"   
   + "<input type='hidden' name='bookTarget' value='"+slide.slideUrl+"'/>";       
    }       

   }  // if-else swf or img         
               
  var buttons = document.getElementById('buttons');         
  var imgs = buttons.getElementsByTagName("img");         
  for (var i = 0; i < this.slides.length; i++) {         
   try {         
    if (i == this.idx) {         
     imgs[i].style.opacity = 1.0;         
     imgs[i].filters.alpha.opacity = 100;         
    } else {         
     imgs[i].style.opacity = 0.4;         
     imgs[i].filters.alpha.opacity = 40;         
    }         
   } catch (myException) {         
   }         
  }         

      document.getElementById(this.key+"_buttonDiv").style.visibility = "inherit";         
    } catch (noSlidesException) {}         
  }         

  this.goNext = function() {         
    if (this.idx < this.slides.length-1) {         
      this.idx++;         
    } else {         
      this.idx = 0;         
    }         
    this.updateDiv();         
  }         

  this.goPrev = function() {         
    if (this.idx > 0) {         
      this.idx--;         
    } else {         
      this.idx = this.slides.length-1;         
    }         
    this.updateDiv();         
  }         

  this.setPauseBtnLabels = function(pauseLabel, playLabel) {         
    this.pauseLabel = pauseLabel;         
    this.playLabel = playLabel;         
  }         
           
  this.togglePause = function(pauseBtn, isGraphic) {         
           
    if (this.timer!=null) {         
      // pausing         
      clearInterval(this.timer);         
      this.timer = null;         
      if (pauseBtn) {         
        pauseBtn.title = pauseBtn.getAttribute("pausedTitle");         
        if (isGraphic) {         
          pauseBtn.style.backgroundImage = "url('" + this.playLabel +"')";         
        } else {         
          pauseBtn.innerHTML = this.playLabel;         
        }         
      }         
    } else {         
      // starting         
   if(this.slides.length != 1){         
    this.timer = setInterval("imageSlideShows['"+this.key+"'].goNext()", this.interval*1000);         
    if (pauseBtn) {         
   this.goNext();         
   pauseBtn.title = pauseBtn.getAttribute("playingTitle");         
   if (isGraphic) {         
     pauseBtn.style.backgroundImage =  "url('" + this.pauseLabel +"')";         
   } else {         
     pauseBtn.innerHTML = this.pauseLabel;         
   }         
  }         
   } else {         
    this.timer = setInterval("imageSlideShows['"+this.key+"']", this.interval*1000);         
    if (pauseBtn) {         
   this.goNext();         
   pauseBtn.title = pauseBtn.getAttribute("playingTitle");         
   if (isGraphic) {         
     pauseBtn.style.backgroundImage =  "url('" + this.pauseLabel +"')";         
   } else {         
     pauseBtn.innerHTML = this.pauseLabel;         
   }         
  }         
   }          
    }          
  }         

  this.restartTimer = function() {         
    if (this.timer!=null) {         
      clearInterval(this.timer);         
      this.timer = setInterval("imageSlideShows['"+this.key+"'].goNext()", this.interval*1000);         
    }         
  }         

  this.clickNext = function() {         
    this.goNext();         
    this.restartTimer();         
  }         

  this.clickPrev = function() {         
    this.goPrev();         
    this.restartTimer();         
  }         

}