$(function() {

	$("#content1").hide();
	$("#content1s_text").hide();
	var beingShown = false;

	$("#toggle_intro").click(function(){
		if(beingShown) {
			$("#content1s_text").fadeOut('slow',function(){
				$("#content1").slideUp('slow');
				$("#toggle_intro").html("Read More about The 4 Star Schoolhouse Hotel");
			});
			beingShown = false;
		} else {
			$("#content1").slideDown('slow',function(){
				$("#content1s_text").fadeIn('slow');
				$("#toggle_intro").html("Show Less");
			});
			beingShown = true;
		}
	});
	
});

$(document).ready(function() {	
		
		if ($.cookie('hasShownPopupAlreadyForThisUser') != null) {
			return;
		}
		else {
			$.cookie('hasShownPopupAlreadyForThisUser',true);
		}
		
	
		var id = '#dialog';
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 	
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});		
	
});