/**
* This function acts as a callback for the JSON feed from flickr defined
* in another script tag.
*/
jsonFlickrFeed = function (o) {
  document.observe("dom:loaded", function () {
    var div = "flickrSlideShow"; // Div where the show appears
    var delay = 2; // Delay between images
    if ($(div)) {
      div = $(div);
      div.update('');
      var images = [];
      // Build array of links from the flickr feed
      for (var i = 0; i < o.items.length; i += 1) {
        var img = new Element('img', {
          src : o.items[i].media.m,
          className : "img-float-r",
          alt : "",
          style : "display:none;",
          id : "flickSlideShowImage_" + i
        });
        images.push(img);
        div.insert(img);
      }
      // Repeat this lots of times
      (function () {
      for (i = 0; i < 5; i += 1) {
        images = images.concat(images);
      }}).defer();

      // Cross-fade the images
      for (i = 0; i < images.length; i += 1) {
        new Effect.Appear(images[i], { queue : 'end' });
        if (i != images.length - 1) {
          new Effect.Fade(images[i], { queue : 'end', delay : delay });
        }
      }
    }
  });
}