var newTop, newMarginLeft, defTop, defLeft, newLeft;
var frontCoverOn;
// the following are basically the width and height of the poster background image
var posterMaxWidth = 414;
var posterMaxHeight = 584;
var isIE6 = false;

window.addEvent('domready', function() {
	$('coverPoster').addEvent('click', openPoster);
	$('lbOverlay').addEvent('click', closePoster);
	$('posterBG').addEvent('click', closePoster);
	$('posterCover').addEvent('click', closePoster);
	$('lbNextLink').addEvent('click', flipCover);
	
	//alert( "x:"+$('movie-box').getPosition().x+"; y:"+$('movie-box').getPosition().y);
	//top:12px; left:514px;
	defTop = $('movie-box').getPosition().y + 12;
	defLeft = $('movie-box').getPosition().x + 514;
	
	frontCoverOn = true;
	
	if (Browser.Engine.trident && Browser.Engine.version==4) isIE6 = true;
	if ( isIE6 ) {
		imagePath = $('posterBG').src;
		$('posterBG').src = imagePath.substr( 0, imagePath.length-4 ) + '_ie6.png';
	}
});

function openPoster() {
	$('lbOverlay').setStyle('display','block');
	$('lbPoster').setStyles({
		'display': 'block',
		'top': defTop,
		'left': defLeft,
		'marginLeft': 0
	});
//	$('posterCover').setStyle('display','block');

	middle = window.getScrollTop() + (window.getHeight() / 2);
	centerWidth = posterMaxWidth;
	centerHeight = posterMaxHeight;
	newTop = middle - (centerHeight/2);
	newMarginLeft = -centerWidth/2 ;
	newLeft = window.getWidth()/2;
//	$('supportForm').setStyles({top: Math.max(0, middle - (centerHeight / 2)), marginLeft: -centerWidth/2, display: "block"});
	
/*	var overlayFX = new Fx.Morph('lbOverlay');
	overlayFX.start({
	    'opacity': [0, 0.4]
	});*/
	var posterFX = new Fx.Morph('lbPoster');
	posterFX.start({
	    'width': [135, posterMaxWidth],
	    'height': [192, posterMaxHeight],
		'top': newTop,
		'left': newLeft,
		'marginLeft': newMarginLeft
	});
	var posterBGFX = new Fx.Morph('posterBG', {duration:100});
	posterBGFX.start({
	    'opacity': [0, 1]
	});
	
	setTimeout("$('lbPoster').setStyle('left','50%')", 500);
	setTimeout("$('lbNextLink').setStyle('display','block')", 500);
//	setTimeout("$('lbPoster').className='arposter_bg'", 500);
}

function closePoster() {
	$('lbOverlay').setStyle('display','none');
	$('lbNextLink').setStyle('display','none');
	newLeft = window.getWidth()/2
	$('lbPoster').setStyle('left',newLeft)
	
/*	var overlayFX = new Fx.Morph('lbOverlay');
	overlayFX.start({
	    'opacity': [0.4, 0]
	});*/
	var posterFX = new Fx.Morph('lbPoster');
	posterFX.start({
	    'width': [posterMaxWidth, 135],
	    'height': [posterMaxHeight, 192],
		'top': defTop,
		'left': defLeft,
		'marginLeft': 0
	});
	var posterBGFX = new Fx.Morph('posterBG', {duration:500, transition: Fx.Transitions.Quad.easeIn});
	posterBGFX.start({
	    'opacity': [1, 0]
	});
	
//	setTimeout("$('lbOverlay').setStyle('display','none')", 500);
	setTimeout("$('lbPoster').setStyle('display','none')", 500);
	setTimeout("restoreFrontCover()", 500);
}

function flipCover() {
	imgSrc = $('posterCover').src;
	if (frontCoverOn) {
		$('posterCover').src = imgSrc.substr(0, imgSrc.length-5)+'2.jpg';
		frontCoverOn = false;
	}
	else {
		$('posterCover').src = imgSrc.substr(0, imgSrc.length-5)+'1.jpg';
		frontCoverOn = true;
	}
}

function restoreFrontCover() {
	imgSrc = $('posterCover').src;
	$('posterCover').src = imgSrc.substr(0, imgSrc.length-5)+'1.jpg';
	frontCoverOn = true;
}