$(document).ready(function() {
  if(images.length > 2) {
  	$('<img id="curimg" src="'+images[1]+'" />').appendTo('#display');
  	var curimg = 1;
  	$('#content').hide();
  } else { $('#bottomnav').hide(); }
  if(images.length == 3) {
  	$('#bottomnav').hide();
  }
  $('#curimg').live('click', function(e) {
    var x = e.pageX - this.offsetLeft;
    if(x<$('#curimg').width()/2) {
    	$('#prev').click();
    } else {
    	$('#next').click();
    }
  });  
  $('#next').live('click', function() {
    if(curimg < images.length-2) {
      curimg++;
      $('#curimg').remove();
      $('<img id="curimg" src="'+images[curimg]+'" />').appendTo('#display');
    } else { curimg = 0; $('#next').click(); }
  });  
  $('#prev').live('click', function() {
    if(curimg == 1) {
      curimg = images.length-1; $('#prev').click();
    } else {
      curimg--;
      $('#curimg').remove();
      $('<img id="curimg" src="'+images[curimg]+'" />').appendTo('#display');
    }
  });
  
  $('#index').click(function() {
    $('#curimg').remove();
    $('#bottomnav').hide();
    $('#thumbs').show();
  });
  
  $('#thumbs img').each(function(i) {
    $(this).bind('click', {index:i}, function(e){
      var thumbclicked = e.data.index;
      var curimg = thumbclicked+1;
      $('<img id="curimg" src="'+images[thumbclicked+1]+'" />').appendTo('#display');
      $('#bottomnav').show();
      $('#thumbs').hide();
    });
  });

});