var $dg = jQuery.noConflict();

$dg(document).ready(function() {
	
		//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)

		$dg("#open_btn").click(function(){
			$dg("#door").slideToggle("slow");
			$dg(".promo").css("display", "none");
			$dg("#slides").show("slow");
			$dg("#opened-door").css("display", "block");
			$dg("#open_btn").css("display", "none");
			$dg("#close_btn").css("display", "block");
			setTimeout('displayVideo()', 500);
			return false; //Prevent the browser jump to the link anchor
		});
		
		$dg("#close_btn").click(function(){
			$dg("#slides").slideToggle("slow");
			$dg("#door").slideToggle("slow");
			$dg("#door").css("display", "block");
			$dg(".promo").css("display", "block");		
			$dg("#opened-door").css("display", "none");
			$dg("#video-embed").css("display", "none");
			$dg("#open_btn").css("display", "block");
			$dg("#close_btn").css("display", "none");
			return false; //Prevent the browser jump to the link anchor
		}); 

});

function displayVideo() {
	$dg("#video-embed").css("display", "block");
}