if (document.getElementById)
  {
    var lastImage = document.getElementById('plh')//initial place holder;
    var opacStep = 10
    var opacInterval = 100 //time between increments
    var stopTime = 2500 //time sitting, not fading.
    
    var coll = document.getElementById('collection')
    var iArray = coll.getElementsByTagName('IMG')
    var upperLimit = iArray.length
    var curIdx = 0
    var currOpacity = 0
    var curImage = iArray[0]
    
    function setOpacity(obj,opVal)
      {
        obj.style.opacity = (opVal * .01)
        obj.style.mozOpacity = (opVal * .01)
        obj.style.khtmlOpacity = (opVal * .01) 
        obj.style.filter = "alpha(opacity=" + opVal + ")"; //for IE       
      }
      
    function incOpacity()
      {
        currOpacity +=opacStep
        if (currOpacity > 100) {currOpacity = 100}
        setOpacity(curImage,currOpacity)
        if (currOpacity < 100){setTimeout(incOpacity,opacInterval)}
        else
          {
            lastImage.style.visibility = 'hidden'//hide old image
            setOpacity(lastImage,0)
            curImage.style.zIndex = 10
            lastImage = curImage
            curIdx++
            if (curIdx == upperLimit) {curIdx = 0}
            curImage = iArray[curIdx]
            currOpacity = 0;
            setTimeout(startImage,stopTime)
          }
      }
      
    function startImage()
      {
        //setOpacity(lastImage,0)
        curImage.style.visibility = 'visible'
        curImage.style.zIndex = 20          
        setTimeout(incOpacity,opacInterval)
      }
      
    window.onload = startImage
  
  }