$(document).ready(function(){

	// When you click on a link with class of poplight and the href starts with a # 
//	$('a.poplight[href^=#]').click(function() 	{
	$('a.poplight').click(function() {
		var popID = $(this).attr('rel'); // Get Popup Name
		var popURL = $(this).attr('href'); // Get Popup href to define size

		var close_button = '<a href="#" class="close"><img src="/assets/modal/close-01.png" class="btn_close" alt="Close" /></a>';
		$('#' + popID).text('hello there');

		$.get("/video/player", function(data){
			$('#' + popID).html(data)
			.prepend(close_button);
		 });


		// Pull Query & Variables from href URL
		var query= popURL.split('?');
	//	var dim= query[1].split('&') || 960;
	//	var popWidth = dim[0].split('=')[1]; // Gets the first query string value
		var popWidth = 840;

		// reveal pop up
		$('#' + popID).fadeIn().css({'width':Number(popWidth)});

		// Define margin for center alignment (vertical horizontal)
		// we add 80px to the height/width to accommodate for the padding  and border width defined in the css
		var popMargTop = 0;// var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;

		// Apply Margin to Popup
		$('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft });

		// Fade in Background
		$('body').append('<div id="fade" />'); // Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); // Fade in the fade layer - filter is used to fix an IE Bug

		return false;
		});

	// Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() 	{ // When clicking on the close or fade layer...
		$('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); }); // fade them both out
		return false;
		});

});