var newIconDark = 'new.png';
var hudContrast = 'light';
var hudArrowContrast = 'light';

PosterPopup = Class.create({
	clickX: null,
	clickY: null,
	initialize: function(posterSrc) {
		this.setupOverlay();
		this.setupPopup(posterSrc);
		this.addHoverEvent();
		this.addClickEvent();
	},
	
	setupOverlay: function() {
		this.overlayElement = Builder.node('div', { id:'poster-overlay'});
		$$('body').first().appendChild(this.overlayElement);
		Element.hide(this.overlayElement);
	},
	
	
	showPopup: function() {
		var left = (windowSize().width/2) - (430/2);
		var top = ((windowSize().height/2) + windowSize().y) - (610/2);
		this.popup.setStyle({
			height:'209px',
			width:'141px',
			left:this.clickX + 'px',
			top:this.clickY + 'px'
		});
		this.popupShadow.setStyle({
			height:'209px',
			width:'141px',
			left:'0',
			top:'0'
		});
		this.popupPoster.setStyle({
			height:'193px',
			width:'134px',
			left:'1px',
			top:'1px'
		});
		this.popup.show();
		new Effect.Transform([
			{ '#poster-popup' :
				'height:507px;' +
				'width:357px;' +
				'left:'+left + 'px;' +
				'top:'+top + 'px;' },
			{ '#poster-popupShadow' :
				'height:507px;' +
				'width:357px;' +
				'left:'+left + 'px;' +
				'top:'+top + 'px;' },
			{ '#poster-popupPoster' :
				'height:385px;' +
				'width:261px;' +
				'left:48px;' +
				'top:48px;' }	
		], { duration: .4 , afterFinish:this.addPopupClickEvent.bind(this) }).play();

	},
	
	hidePopup: function() {
		this.overlayElement.hide();		
		new Effect.Transform([
			{ '#poster-popup' :
				'height:209px;' +
				'width:141px;' +
				'left:'+this.clickX + 'px;' +
				'top:'+this.clickY + 'px;' },
			{ '#poster-popupShadow' :
			'height:193px;' +
			'width:134px;' +
				'left:1px;' +
				'top:1px;' },
			{ '#poster-popupPoster' :
			'height:193px;' +
			'width:134px;' +
				'left:1px;' +
				'top:1px;' },
		], { duration: .4 , afterFinish:this.afterClose.bind(this) }).play();
	},
	
	addPopupClickEvent: function() {
		Event.observe(this.popup, 'click', function() {
			this.hidePopup();
		}.bind(this));
		Event.observe(this.overlayElement, 'click', function() {
			this.hidePopup();
		}.bind(this));
	},

	afterClose: function() {
		this.popup.hide();
	}
});




Event.onDOMReady(function() {
	ToggleDescription();
	var overlay = new Overlay();	
});