// An ajax gallery by Gary Von Schilling

var Width;

$(document).ready(function(){	
	
	loadVideoGallery();
	
});

/* Video Gallery */

function loadVideoGallery() {
	/* Create an imbedded video player.*/
	$("#page").before('<div id="video_container">'+ 
							'<a class="close" href="javascript:closeVideo()"><span>x</span></a> <div id="video_player">&nbsp;</div> </div>');
	$("#video_player").hide();
	$("#video_container").hide(); 
	$("#lighthouse a").click(function () {
      slideVideos();
	  loadLighthouse();
      return false;
    });
	$("#psa a").click(function () {
      slideVideos();
	  loadPSA();
      return false;
    });
	$("#spaceintro a").click(function () {
      slideVideos();
	  loadSpaceIntro();
      return false;
    });	
}

function slideVideos() 
{
	
	$("#content div p").hide(600);
	$("#content div").animate({ 
        width: "250px"	
      }, 800 );
	//loadOverlay();
}

function loadLighthouse()
{
	$("#video_player").replaceWith('<div id="video_player">'+
		'<object type="application/x-shockwave-flash" width="480" height="360" '+
		  'data="http://www.youtube.com/v/AC_0kquCoO4&hl=en&fs=1&rel=0&showsearch=0">'+
		  '<param name="movie" value="http://www.youtube.com/v/AC_0kquCoO4&hl=en&fs=1rel=0&showsearch=0" />'+
		  '<param name="allowFullScreen" value="true" />'+
	    '</object></div>');
	
	$("#video_container").show("800");
}

function closeVideo() 
{
	$("#video_player").hide();
	$("#video_container").hide(1200);
	$("#content div").animate({ 
    	 width: "36em"	
   	}, 400 );	
	$("#content div p").show(400);
	//$("#overlay").remove();
}

function loadPSA()
{
	$("#video_player").replaceWith('<div id="video_player">'+
		'<object type="application/x-shockwave-flash" width="480" height="360" '+
		  'data="http://www.youtube.com/v/OkA-EKjaJuc&hl=en&fs=1&qty=18&rel=0&showsearch=0">'+
		  '<param name="movie" value="http://www.youtube.com/v/OkA-EKjaJuc&hl=en&fs=1&qty=18rel=0&showsearch=0" />'+
		  '<param name="allowFullScreen" value="true" />'+
	    '</object></div>');
	
	$("#video_container").show("800");
}
function loadSpaceIntro()
{
	$("#video_player").replaceWith('<div id="video_player">'+
		'<object type="application/x-shockwave-flash" width="480" height="360" '+
		  'data="http://www.youtube.com/v/w6xpNRapufA&hl=en&fs=1&rel=0&qty=18&showsearch=0">'+
		  '<param name="movie" value="http://www.youtube.com/v/w6xpNRapufA&hl=en&fs=1&rel=0&qty=18&showsearch=0" />'+
		  '<param name="allowFullScreen" value="true" />'+
	    '</object></div>');
					 
	$("#video_container").show("800");
}

function loadOverlay()
{
	$("#page").before("<div id='overlay';>&nbsp;</div>");
}

function test() { alert("This is a test"); }