var imageWidth;
var imageHeight;
var imageTimeout;
var images;

var nextImage = 1;
var showPaused = false;

function pauseSlideShow() {
 if (showPaused) return;
 showPaused = true;
}

function resumeSlideShow() {
 if (!showPaused) return;
 showPaused = false;
}

function fadeSetup(options) {
 imageWidth = options.width;
 imageHeight = options.height;
 imageTimeout = options.timeout;
 images = options.images;
 images.pop();
  var el = document.getElementById('slides');

  while (el.firstChild) {
   el.removeChild(el.firstChild);
  }

  el.onmouseover = pauseSlideShow;
  el.onmouseout = resumeSlideShow;

//  el.style.width = imageWidth + 'px';
//  el.style.height = imageHeight + 'px';

  for(var i=0; i<images.length; i++) {
    var t = document.createElement('IMG');
    t.setAttribute('src',images[i]);
    t.setAttribute('width',imageWidth);
    t.setAttribute('height',imageHeight);
    t.style.position = 'absolute';
    t.style.visibility = 'hidden';
    el.appendChild(t);
  }

  el.firstChild.style.visibility = 'visible';

  window.setTimeout(startFading, imageTimeout);
}


function startFading() {

  if (showPaused) {
   window.setTimeout(startFading, 1000);
   return;
  }

  var el = document.getElementById('slides').childNodes[nextImage];


  el.style.visibility = 'visible';
  el.style.zIndex = 2;

  setOpacity(el, 0);
  fadeImage(el,0);
  nextImage = (nextImage + 1) % images.length;
}

function fadeImage(el, currentOpacity) {
  currentOpacity += 5;

  if (currentOpacity > 100) {
    setOpacity(el, 100);
    var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
    prevEl.style.visibility = 'hidden';
    el.style.zIndex = 1;
    window.setTimeout(startFading, imageTimeout);
  } else {
    setOpacity(el, currentOpacity);
    window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
  }
}

function setOpacity(el, opacity) {
    opacity /= 100;
    el.style.opacity = opacity;
    el.style.MozOpacity = opacity;
    el.style.filter = "alpha(opacity=" + (opacity*100) + ")";
}

document.getElementById("fb-icon").onclick = function() { window.open("http://www.facebook.com/profile.php?id=1275695689",""); }; 
document.getElementById("tw-icon").onclick = function() { window.open("http://twitter.com/IGTLafayette",""); }; 
document.getElementById("yt-icon").onclick = function() { window.open("http://www.youtube.com/user/igtlafayette",""); }; 
document.getElementById("join").onclick = function() { window.location = "about.php"; }; 

var tweetlinks = document.getElementById("twitter_update_list").getElementsByTagName("a");
for (var i = 0; i < tweetlinks.length; i++) {
 tweetlinks[i].setAttribute("target","_blank");
}

window.onload = function() {
 fadeSetup(
  {
   width: 895,
   height: 245,
   timeout: 10000,
   images: [
             'http://lafayetteghosts.org/resources/img/IGTad1.png',
             'http://lafayetteghosts.org/resources/img/IGTad2.png',
             'http://lafayetteghosts.org/resources/img/IGTad3.png',
             ''
           ]	
  }
 );
};