$(document).ready(function($) {

  $('#close').on('click', function() {
   location.href="./#galeria";
  });

  $(document).keyup(function(event) {
   if(event.which == 27) {
    $(document).off("keyup");
    location.href="./#galeria";
   }
  });

  $('#right img').on('click', function() {
   $('#content').stop().animate({left: "+=-100%"}, 250, function() {
    location.href="picture.php?id=16";
   }); 
  });

  $('#left img').on('click', function() {
   $('#content').stop().animate({left: "+=100%"}, 250, function() {
    location.href="picture.php?id=14";
   }); 
  });

  $(document).keydown(function( event ) {
   if (event.which == 37) {
    $('#content').stop().animate({left: "+=100%"}, 250, function() {
     location.href="picture.php?id=14";
    }); 
   }
  });

  $(document).keydown(function( event ) {
   if (event.which == 39) {
    $('#content').stop().animate({left: "+=-100%"}, 250, function() {
     location.href="picture.php?id=16";
    }); 
   }
  });

  $('#lightbox').swipe( {
   swipeRight:function(event, direction, distance, duration, fingerCount) {
   $('#content').stop().animate({left: "+=100%"}, 250, function() {
    location.href="picture.php?id=14";
   }); 
  },
  });

  $('#lightbox').swipe( {
   swipeLeft:function(event, direction, distance, duration, fingerCount) {
   $('#content').stop().animate({left: "+=-100%"}, 250, function() {
    location.href="picture.php?id=16";
   });    
  },
  });

});