//**************************************
// The following manages the slideshow *
//**************************************

function CacheImage(ImageSource) { // TURNS THE STRING INTO AN IMAGE OBJECT
   var ImageObject = new Image();
   ImageObject.src = ImageSource;
   return ImageObject;
}

function ShowSlide(Direction) {
   if (SlideReady) {
      NextSlide = CurrentSlide + Direction;
      // THIS WILL DISABLE THE BUTTONS (IE-ONLY)
      //document.SlideShow.arrowleft.disabled = (NextSlide == 0);
      //document.SlideShow.arrowright.disabled = (NextSlide == (Slides.length-1));


 if ((NextSlide >= 0) && (NextSlide < Slides.length)) {
            document.images['Screen'].src = Slides[NextSlide].src;
            CurrentSlide = NextSlide++;
            Message = 'Picture ' + (CurrentSlide+1) + ' of ' +
Slides.length;
            self.defaultStatus = Message;
            if (Direction == 1) CacheNextSlide();
      }
      return true;
   }
}

function Download() {
   if (Slides[NextSlide].complete) {
      SlideReady = true;
      self.defaultStatus = Message;
   }
   else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS
   return true;
}

function CacheNextSlide() {
   if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] ==
'string'))
{ // ONLY CACHES THE IMAGES ONCE
      SlideReady = false;
      self.defaultStatus = 'Downloading next picture...';
      Slides[NextSlide] = CacheImage(Slides[NextSlide]);
      Download();
   }
   return true;
}

function StartSlideShow() {
   CurrentSlide = -1;
   Slides[0] = CacheImage(Slides[0]);
   SlideReady = true;
   ShowSlide(1);
}


//*********************************************************************************
// The following manages the left right arrows depending on the number of images  *
//*********************************************************************************

function overArrow(){
myString = new String(document.getElementById('Screen').src)
splitString = myString.split("gall_")
if(splitString[1] == firstImg){document.getElementById('arrowleftOver').innerHTML= "<img src='img/tran.gif' width='85' height='35' border='0' />";}
if(splitString[1] == lastImg){document.getElementById('arrowrightOver').innerHTML= "<img src='img/tran.gif' width='50' height='35' border='0' />";}
}

function addArrow(which){
if(which=="prev"){document.getElementById('arrowleftOver').innerHTML= "<a href=\"javascript://\" onClick=\"addArrow('next'); ShowSlide(-1); overArrow(); \" onmouseover=\"imgOn('arrowleft');\" onmouseout=\"imgOff('arrowleft')\"><img src='img/arrowleft_off.gif' name='arrowleft' width='85' height='35' border='0' /></a>";}
if(which=="next"){document.getElementById('arrowrightOver').innerHTML= "<a href=\"javascript://\" onclick=\"addArrow('prev'); ShowSlide(1); overArrow(); \" onmouseover=\"imgOn('arrowright');\" onmouseout=\"imgOff('arrowright');\"><img src='img/arrowright_off.gif' name='arrowright' width='50' height='35' border='0' /></a>";}
}