window.addEvent('resize', scalePlayer);
window.addEvent('domready', scalePlayer);

function scalePlayer() {

	var p = $('player');
	
	var pSize = p.getSize();
	var wSize = $(document.body).getSize();

	var w = wSize.x;
	var h = (w * pSize.y) / pSize.x;

	$('player').setStyles({
		width: w,
		height: h,
		marginTop: ((wSize.y - h) / 2)
	});

}


window.addEvent('domready', function() {
	$('trailer').getElement('.button').addEvent('click', showPlayer);
	window.addEvent('keydown', function (e) {
		if (e.key == 'esc')
			exitPlayer();
	});
});

var playerHidden = true;
var duration = 600;
function showPlayer() {

	if (window.console) console.log('show player');
	if (!playerHidden) return;

	$('video_overlay').setStyle('z-index', 1).get('tween', {property: 'opacity', duration: duration}).start(0, 1);
	playerHidden = false;
	//$('player').startPlayer(null);	
	//o.tween('opacity', 1);

}

function exitPlayer() {

	if (playerHidden) return;

	$('video_overlay').get('tween', {property: 'opacity', duration: duration}).start(1, 0);
	(function () { $('video_overlay').setStyle('z-index', ''); }).delay(duration);

	playerHidden = true;

}
