$(document).ready(function() {

	/* LIGHTBOX */
	$("a[rel^='lightbox']").click(function() {
		
		if($("#lightbox-panel").length===0) {
			
			var lightbox = '<div id="lightbox-panel">\
							<img src="'+ $(this).attr('href') +'" alt="photo" /><br />\
							<a id="close-panel" href="#">Click anywhere or press Escape to close the image</a>\
						</div>\
						<div id="lightbox"></div>';
						
			$(lightbox).appendTo('body');
		}
		else {
			$("#lightbox-panel img").attr('src',$(this).attr('href'));
		}
		
		$("#lightbox, #lightbox-panel").fadeIn(300);
		
		$("#lightbox-panel img").show();
		return false;
	});
	
	$("a#close-panel").live('click', function() {
		$("#lightbox, #lightbox-panel").fadeOut(300);
		return false;
	});
	
	$("body").live('click', function() {
		$("#lightbox, #lightbox-panel").fadeOut(300);
	});
	
	$(this).keydown(function(e) {
		if(e.keyCode===27) { //Escape
			$("#lightbox, #lightbox-panel").fadeOut(300);
		}
	});
	
}); // DOM ready