$(document).ready(function(){

  gallery = $("#gallery").addClass("active");
  var images = $("#gallery .image");
  var index = 0;
  var mode = "normal";
  
  prev = $("<a id='previous'></a>").click(function(){
    var old_index = index;
    index = (index - 1 + images.size()) % images.size();
    
   
    $(images.get(index)).css('left', '-960px').show().animate({'left': '0'}, mode);
    $(images.get(old_index)).css('left', '0').animate({'left': '960px'}, mode, function() {$(this).hide()});
  }).appendTo(gallery);
  
  next = $("<a id='next'></a>").click(function(){
    var old_index = index;
    index = (index + 1) % images.size();
    
    $(images.get(index)).css('left', '960px').show().animate({'left': '0'}, mode);
    $(images.get(old_index)).css('left', '0').animate({'left': '-960px'}, mode, function() {$(this).hide()}); 
  }).appendTo(gallery);


});