// JavaScript Document
/*
var total = null;
window.addEvent('domready', function() {
	$('videos').setStyle('margin-left','208px');
	//delays slide in of the videos for 2 seconds
	
	(function() { 
		var videoSlideIn = new Fx.Morph('videos', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
		videoSlideIn.start({ 'margin-left': ['208px','0px'] });
			
		if (total>208) {
			$('videoOuterWrapper').addEvent('mouseenter', function() {
				var Slide = new Fx.Morph('videoNavBg', {duration:250, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
				Slide.start({ 
					'margin-top': ['30px'],
					'height': ['0px']
				});	
			});
			
			$('videoOuterWrapper').addEvent('mouseleave', function() {
				var Slide = new Fx.Morph('videoNavBg', {duration:250, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
				Slide.start({ 
					'margin-top': ['0px'],
					'height': ['30px']
				});	
			});
			
			$('previous').setStyle('display','block');
			$('next').setStyle('display','none');
			
		} else {
			$('previous').setStyle('display','none');
			$('next').setStyle('display','none');
		}
		
	}).delay(2000);
	
	
	//Gets the ul with the highest number of videos within it so we know how much sliding we can do!
	var ul = $$('#videos ul');
	var margin = 0;
	total = ul[0].getChildren('li').length;
	if (total < ul[1].getChildren('li').length) {
		total = ul[1].getChildren('li').length;
	}
	total = total*104; //sets total to the width of the highest ul

	//sets up the sliding of the video when clicking on the previous button
	$('previous').addEvent('click', function(event) {
		event.stop();									 
		var tmp = (total-208)-((total-208)*2);
		if (tmp<margin) {
			var Slide = new Fx.Morph('videos', {duration:500, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
			margin=margin-208;
			
			Slide.addEvent('complete', function() { 
				if (tmp>=margin) {
					$('previous').setStyle('display','none');
					$('next').setStyle('display','block');
				} else {
					$('previous').setStyle('display','block');
					$('next').setStyle('display','block');
				}
			});
			
			//margin=margin-208;
			Slide.start({ 'margin-left': [margin + 'px'] });	
		}
	});
	
	//sets up sliding when click on next button
	$('next').addEvent('click', function(event) {
		event.stop();
		if (margin<0) {
			var Slide = new Fx.Morph('videos', {duration:500, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
			//Slide.addEvent('complete', function() { margin=margin+208; })
			margin=margin+208;
			
			Slide.addEvent('complete', function() { 
				if (margin>=0) {
					$('previous').setStyle('display','block');
					$('next').setStyle('display','none');
				} else {
					$('previous').setStyle('display','block');
					$('next').setStyle('display','block');
				}
			});
			
			Slide.start({ 'margin-left': [margin + 'px'] });	
		}
	});
	
	var a = $$('#videos a');
	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", "370", "277", "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();
	}
};
*/