var linkcaptions = {
  // The caption image
  theImg: null,
  
  defaultCaption: 'captions/default.png',
  
  captions: [
    ['home', 'captions/default.png'],
    ['articles', 'captions/articles.png'],
    ['blogs', 'captions/blogs.png'],
    ['forums', 'captions/forums.png'],
    ['photos', 'captions/photos.png'],
    ['about', 'captions/about.png']
  ],
  
  captionInit: function()
  {
    linkcaptions.theImg = document.getElementById('caption');
    
    // Setup events and preload
    for (var i = 0; i < linkcaptions.captions.length; i++)
    {
      addEvent(document.getElementById('link-' + linkcaptions.captions[i][0]), 'mouseover', linkcaptions.captionOn);
      addEvent(document.getElementById('link-' + linkcaptions.captions[i][0]), 'mouseout', linkcaptions.captionOff);
      var img = new Image();
      img.src = linkcaptions.captions[i][1];
      linkcaptions.captions[i][1].img = img;
    }
  },

  captionOn: function()
  {
    var captionId = this.id.split('-')[1];
    for (var i = 0; i < linkcaptions.captions.length; i++)
    {
      if (linkcaptions.captions[i][0] == captionId)
      {
        linkcaptions.theImg.src = linkcaptions.captions[i][1];
        break;
      }
    }
  },

  captionOff: function()
  {
    linkcaptions.theImg.src = linkcaptions.defaultCaption;
  }
};

addEvent(window, 'load', linkcaptions.captionInit);