$(document).ready(function() {
  var slideshow_photos   = {};
  var slideshow_interval = null;

  function setNewSlideshowPicture()
  {
    var x = Math.floor(Math.random() * slideshow_photos.length);
    var random_image = slideshow_photos[x];
    $('#picture_overlay_image').css('display', 'none');
    $('#picture_overlay_image').attr('src', random_image.imgsrc);
    $('#picture_overlay_link').attr('href', random_image.ahref);
    $('#picture_overlay_link').attr('title', random_image.title);
    $('#picture_overlay_title').html(random_image.title);
    $('#picture_overlay_username').html(random_image.username);
    $('#picture_overlay_comments').html(random_image.comments);
  }

  $('#picture_overlay_image').load(function() {
    $('#picture_overlay_image').fadeIn(1000);
  });

  $.getJSON('/genjUserPhotoPicture/slideshowFeed', function(data) {
    slideshow_photos = data;
    setNewSlideshowPicture();
    slideshow_interval = window.setInterval(setNewSlideshowPicture, 10000);
  });

  $('#picture').hover(function () {
    $('#picture_overlay').slideDown('fast');
  }, function () {
    $('#picture_overlay').slideUp('fast');
  });

  $('#picture_overlay_next').click(function() {
    clearInterval(slideshow_interval);
    setNewSlideshowPicture();
    slideshow_interval = window.setInterval(setNewSlideshowPicture, 10000);
  });
});