var gblCurrentImage;
var timeoutHandle;
var gblFadeSpeed;
function stallImage(arrayID){
  gblFadeSpeed = 100;
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  imageSrc = gblImageArray[arrayID];
  image.src = gblImageArray[arrayID];
  gblCurrentImage = gblImageArray[arrayID];
  image.style.visibility = 'visible';
  
  var t=setTimeout("fadeIn(imageId,100)",4000);
  
}

function stopImage(){
  window.clearTimeOut(timeoutHandle);
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  imageSrc = "";
  image.src = "";
  gblCurrentImage = "";
  setOpacity(image, 0);
  image.style.visibility = 'hidden';
  initImage(99);

  
}


function setImageArray(ImageList){
   
}

function initImage(arrayID,speed) {
  
  gblFadeSpeed = speed;
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  imageSrc = gblImageArray[arrayID];
  image.src = gblImageArray[arrayID];
  gblCurrentImage = gblImageArray[arrayID];
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  
  
}

function setOpacity(obj, opacity) {
  
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 2;
      timeoutHandle = window.setTimeout("fadeIn('"+objId+"',"+opacity+")", gblFadeSpeed);
    }
    else{
        var objHolder = document.getElementById('photoholder');
        for(i=0; i<=gblImageArray.length; i++){
            if(gblImageArray[i] == gblCurrentImage){
               nextIndex = i+1;
               if(nextIndex == gblImageArray.length){
                   nextIndex = 0;
                
               }
               break;
               
            }
        }
        
        var backgroundImageSrc = "url('" + gblImageArray[nextIndex] + "')";
        objHolder.style.backgroundImage=backgroundImageSrc;
        fadeOut(objId,100);
    }
  }
}  
function fadeOut(objId,opacity) {
   
   var nextIndex;
   var msg;
   var imgFound = false;
                
   if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 1) {
      setOpacity(obj, opacity);
      opacity -= 2;
      timeoutHandle = window.setTimeout("fadeOut('"+objId+"',"+opacity+")", gblFadeSpeed);
    }
    else{
        var i = 0;
        for(i=0; i<=gblImageArray.length; i++){
            if(gblImageArray[i] == gblCurrentImage && imgFound == false){
               msg = 'if ' + i;
               imgFound = true;
               
            }
            else if(gblImageArray[i] != gblCurrentImage && imgFound == false){
               nextIndex = i;
               msg = 'else if ' + i;
               if(nextIndex >= gblImageArray.length){
                   nextIndex = 0; 
                }
            }    
            else{
                nextIndex = i;
                msg = 'else ' + i;
                if(nextIndex >= gblImageArray.length){
                   nextIndex = 0; 
                }
                break;
                
            }
            
        }
        gblCurrentImage = gblImageArray[nextIndex];
        initImage(nextIndex,gblFadeSpeed);
        
    } 
  }
}