var feature_interval;

$(document).ready(function() {
  var next = $('<a href="#" class="next">Next</a>')
  next.click(function(event) {
    // prevent default
    event.preventDefault()
    event.stopPropagation()
    // load the images
    var main  = $('#screenshots img#main')
    var left  = $('#screenshots img#left')
    var right = $('#screenshots img#right')
    main.attr('id', 'left')
    left.attr('id', 'right')
    right.attr('id', 'main')
    // prevent default
    return false
  })
  
  var prev = $('<a href="#" class="prev">Prev</a>')
  prev.click(function(event) {
    // prevent default
    event.preventDefault()
    event.stopPropagation()
    // load the images
    var main  = $('#screenshots img#main')
    var left  = $('#screenshots img#left')
    var right = $('#screenshots img#right')
    main.attr('id', 'right')
    left.attr('id', 'main')
    right.attr('id', 'left')
    // prevent default
    return false
  })
  
  $('#screenshots').append(next).append(prev)
})