$(function(){
  /* Change Slide every 10 seconds */
  /* TODO: Fire only for relevant page(s) */
  window.setInterval(triggerSlideshow, 10000);
  
  $('section').hover(
    function () {
      $(this).find('div').fadeIn(500);
    },
    function () {
      $(this).find('div').fadeOut(100);
    });
  
  $('div.screenshot').hover(
    function () {
      $(this).find('div').fadeIn(500);
    },
    function () {
      $(this).find('div').fadeOut(100);
    });
});

/* 
  Fades out front most images (last in list) and prepends it to
  the front of the list.
*/
function triggerSlideshow() {
  $('#slideshow li:last').fadeOut('slow',function(){
    $(this).remove().prependTo($("ul#slideshow")).show();
  });
}