// Home page slideshow
(function(){
  // Don't execute if there is no slide-holder.
  var thisCtrl = document.getElementById('slide-holder');
  if (!thisCtrl)return;
  var x=1;
  
  
  
  function getChangeX(number) {
    return function(){
      if (x==number)return;
      document.getElementById('slide-link'+x).style.display="none";
      //document.getElementById('ctrl'+x).style.backgroundPosition="";

      document.getElementById('slide-link'+number).style.display="block";
      //document.getElementById('ctrl'+number).style.backgroundPosition="0 -12px";
      x = number;
    };                

  }

  // Set onclick for 3 nav buttons
  for (var i=1; i<=3; ++i) {
    thisCtrl = document.getElementById('ctrl'+i);
    if (!thisCtrl) continue;
    thisCtrl.onclick=getChangeX(i);
  }
  
  // set auto-rotation
  var handle = setInterval(showX, 5000);
  function showX() {
    var oldIm = document.getElementById('slide-link'+x);
    var oldCtrl = document.getElementById('ctrl'+x);
    x = (x % 3) + 1;
    var newIm = document.getElementById('slide-link'+x);
    var newCtrl = document.getElementById('ctrl'+x);
    
    //var oldLeft = parseInt(oldCtrl.style.backgroundPosition);
    //oldCtrl.style.backgroundPosition="";
    //newCtrl.style.backgroundPosition= oldLeft+"px -20px";
    
    oldIm.style.display = "none";
    newIm.style.display = "block";
  }
  
  // set pause:
  var holder = document.getElementById('slide-holder');
  holder.onmouseover = function(){clearInterval(handle)};
  holder.onmouseout = function(){clearInterval(handle); handle = setInterval(showX, 5000)};
})();