// JavaScript Document

var total = null;
window.addEvent('domready', function() {
	var a = $(document.body).getElements('a[rel=video]');
	for (x=0; x<a.length; x++) {
		a[x].addEvent('click', function(event) {
			event.stop();
			
			DestroyVideo();
			var url = this.toString();
			var width = url.toLowerCase().substring(url.indexOf('?w=')+3, url.indexOf('h=')-1);
			var height = url.toLowerCase().substring(url.indexOf('h=')+2);
			var win = window.getScrollSize();
			var overlay = new Element ('div', {
				'id':'videoOverlay',
				'styles': {
					'height':win.y + 'px',
					'width':win.x + 'px'
				},
				'events': {
					'click' : function() {
						DestroyVideo();	
					}
				}
			});
			var flashContainer = new Element('div', {
				'id' : 'videoContainer',
				'styles' : {
					'margin-left' : '-' + ((width/2)+10) + 'px',
					'margin-top' : '-' + ((height/2)+10) + 'px',
					'height' : '0px',
					'width' : width + 'px'
				},
				'events': {
					'click': function() {
						DestroyVideo();		
					}
				}
			});
			$(document.body).appendChild(overlay);
			$(document.body).appendChild(flashContainer);
			var showFlash = new Fx.Morph('videoContainer', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
			showFlash.addEvent('complete', function() {
				var flash = new SWFObject(url, "flash-video", width, height, "8", "#ffffff");
				flash.write('videoContainer');					
			});
			showFlash.start({
				'height': [0, height]
			});

		}); //Ends Click of Video Thumbnail
	} //Ends for loop
}); //Ends dom ready

function DestroyVideo() {
	if ($('videoOverlay')!=null) {
		$('videoOverlay').destroy();
		$('videoContainer').destroy();
	}
};