$( document ).ready( function() {	
	
	//The whole reviews lightbox interfance is invisible by default, that way it doesn't interfere with navigation if someone doesn't have javascript
	//If they do have javascript, then this line of code runs and enbaldes it, and everything else as well
	$('#reviewsLightbox').css({display:'inline'});

	//Bind click for the Reviews button
	$('#reviewsButton').click( function() {
		$('#reviewsBackgroundScreen').show();
		$('#reviewsContainer').show();
		$('#close').show();
		//$('html').css({overflow:'hidden'});
	});
	
	//When user clicks outside of the reviews box, just close the reviews box
	/* //enable this to close the box if someone clicks on the background
	$('#reviewsBackgroundScreen').click( function() {
		$('#reviewsBackgroundScreen').hide();
		$('#reviewsContainer').hide();
		$('#close').hide();
		$('html').css({overflow:'auto'});
	});*/
	
	//When user clicks close, close the reviews box
	$('#close').click( function() {
		$('#reviewsBackgroundScreen').hide();
		$('#reviewsContainer').hide();
		$('#close').hide();
		//$('html').css({overflow:'auto'});
	});
	
	//Hide everything to begin
	$('#reviewsBackgroundScreen').hide();
	$('#reviewsContainer').hide();
	$('#close').hide();
	
} );