window.addEvent('domready',function(){
	
	
	//inject the overlay here once
	
	var playerOverlay = "";
	
	playerOverlay += "<div class='middle'><div class='top'><div class='bottom'><div class='right'><div class='left'><div class='topLeft'><div class='topRight'><div class='bottomLeft'><div class='bottomRight'>";
		playerOverlay += "<a href='javascript:;' id='hideVideoPlayer'></a>";
		playerOverlay += "<div class='articleVideo' id='videoPlayer'>";
			playerOverlay += "<div class='videoNoFlash' style='width:300px; height:150px; line-height:150px; text-align:center;'>";
				playerOverlay += "<a target='_blank' href='http://get.adobe.com/flashplayer/'>Don't have flash? Get it here.</a>";
			playerOverlay += "</div>";
		playerOverlay += "</div>";
	playerOverlay += "</div></div></div></div></div></div></div></div></div>";
	
	var overlay = new Element('div', {'id': 'videoOverlay'});
	var container = new Element('div', {'id': 'videoPlayerWrap','html':playerOverlay});
	
	overlay.inject(document.body);
	container.inject(document.body);
	
	$('videoOverlay').setStyle('display','none');	
	$('videoPlayerWrap').setStyle('display','none');
	
	$('hideVideoPlayer').addEvent('click', function(){
		$('videoOverlay').setStyle('display','none');	
		$('videoPlayerWrap').setStyle('display','none');								
	});

});




function playVideo(swf)
{
	$('videoOverlay').setStyle('display','block');	
	$('videoPlayerWrap').setStyle('display','block');
	swf.write('videoPlayer');
	centerVideo();

}


//centers the dialog
function centerVideo(){
	var card = $('videoPlayerWrap');
	var win = window.getCoordinates();
	var car = card.getCoordinates();
	
	card.setStyle('top', (win.height / 2) - (car.height / 2));
	card.setStyle('left', (win.width / 2) - (car.width / 2));	
}