//wait till DOM is loaded
	$(document).ready(function() {
		
		//set variable that tells if info box is open or closed
		var nav_info_on = false;
		
		//functionality for clicking on the info button
		$("#nav_info").click(
     			function () {
	       		if (nav_info_on) {
					$("#cover").css("display", "none");
					$("#image_info").fadeOut('slow');
					nav_info_on = false;						
				} else {
					$("#cover").css("display", "inline");
					$("#image_info").fadeIn('slow');						
					nav_info_on = true;
				}
				return false;
	     })
		
		//functionality for clicking on the close button
		$(".close").click(
     		function () {
			$("#cover").css("display", "none");
			$("#image_info").fadeOut('slow');
			nav_info_on = false;
			return false;
	     })
		
		//functionality for clicking on the info button
		$("").keypress(function (e) {
	     if (e.which == 27 ) {
			$("#cover").css("display", "none");
			$("#image_info").fadeOut('slow');
			nav_info_on = false;
	     }
	   });

	});