var vTop;
var vLeft;
var vWidth;
var vHeight;

window.addEvent('domready', function(){

	var defaultOpacity = 0.3;
	
	vTop = $('videoImg').getTop();
	vLeft = $('videoImg').getLeft();
	vWidth = $('videoImg').getStyle('width');
	vHeight = $('videoImg').getStyle('height');
	
	
	$('videoContainer').setStyles({
		'top':vTop,
		'left':vLeft,
		'width':vWidth,
		'height':vHeight
	});

	var photos = $$('#photoStrip a');
	
	photos.each (function (photo) {
		photo.setStyle('opacity', defaultOpacity);
		photo.addEvent ('mouseover', function(event) {
			e = new Event(event);
			this.setStyle('opacity', 1);
			e.stop();
		});
		photo.addEvent ('mouseout', function(event) {
			e = new Event(event);
			this.setStyle('opacity', defaultOpacity);
			e.stop();
		});
	});
	
	var p = new Preloader();
	
	var preloadImages = new Array();
	
	
	
	preloadImages.merge($$('#portraitBlock img'));
	
	preloadImages.each(function(img){
		p.addEventOnLoad(img.src, function() {
			img.getParent().setStyle('background', 'none');
			img.setStyle('opacity', 0)
			img.setStyle('display', 'block')
			img.effect('opacity').start(0,1);
		});
		p.addToQueue(img.src);
	});
	
	/* video related */
	
	var openVideo = function(event) {
		e = new Event(event);
		openFlashMovie();
		this.blur();
		e.stop();
	}
	
	$('videoTrigger').addEvent('click', openVideo);
	
	$('videoTitle').addEvent('click', openVideo);
	
	$('closeVideo').addEvent('click', function(event) {
		e = new Event(event);
		closeFlashMovie();
		this.blur();
		e.stop();
	});

});

var videoEnlarge = new Fx.Styles($('videoContainer'), {'wait':false, duration: 300});
videoEnlarge.options.transition = Fx.Transitions.Quad.easeOut;

function openFlashMovie() {
	$('videoContainer').setStyles({
		'display':'block',
		'opacity':0
	});
	$('videoMask').setStyles({
		'display':'block',
		'opacity':0
	});
	var videoEnlarge = new Fx.Styles('videoContainer', {'wait':false, duration: 300});
	videoEnlarge.options.transition = Fx.Transitions.Quad.easeOut;
	var videoMask = new Fx.Styles($('videoMask'), {'wait':false, duration: 200, transition:Fx.Transitions.linear}).start({
		'opacity':0.8
	}).chain(function(){
		videoEnlarge.start({
			'top':60,
			'height':392,
			'opacity':1
		}).chain(function(){
			this.start({
				'left':160, 
				'width':648
			}).chain(function(){
				$('videoShadow').setStyle('display', 'block');
				$('videoFlash').setStyle('display', 'block');
				$('videoTitleBar').setStyle('display', 'block');
			})
		})
	});
	
	
}

function closeFlashMovie() {
	sendPauseOnClose();
	var videoEnlarge = new Fx.Styles('videoContainer', {'wait':false, duration: 300});
	videoEnlarge.options.transition = Fx.Transitions.Quad.easeOut;
	$('videoFlash').setStyle('display', 'none');
	$('videoTitleBar').setStyle('display', 'none');
	$('videoShadow').setStyle('display', 'none');
	videoEnlarge.start({
		'left':vLeft,
		'width':vWidth
	}).chain(function(){
		this.start({
			'top':vTop,
			'height':vHeight,
			'opacity':0
		}).chain(function(){
			$('videoFlash').setStyle('display', 'none')
		})
	}).chain(function(){	
		var videoMask = new Fx.Styles($('videoMask'), {'wait':false, duration: 100, transition:Fx.Transitions.linear}).start({
			'opacity':0
		})
	});
}

function sendPauseOnClose () {
	thisMovie("seedPlayer").pauseOnClose('pleasePause');
}

function thisMovie(movieName) {
	 if (navigator.appName.indexOf("Microsoft") != -1) {
		 return window[movieName];
	 } else {
		 return document[movieName];
	 }
 }

