var activePreview;
var video = null;
var myTimer

function initializePreview(p) {
	var initialise = $("pre" + p).setStyles({display:'block',opacity: 0});	
	new Fx.Morph(initialise, {duration:1}).start({opacity:1});
	initialise = $("text" + p).setStyles({display:'block',opacity: 0});
	new Fx.Morph(initialise, {duration:1}).start({opacity:1});
	activePreview = p;
}

function loadAnotherVideo(idVideo) {
	
	var srcMp4 = 'jackyblot/media/video' + idVideo + '.mp4';
  	var srcOgg = 'jackyblot/media/video' + idVideo + '.ogg';
	var srcM4v = 'jackyblot/media/video' + idVideo + '.m4v';
	var v = document.createElement("video"); // Are we dealing with a browser that supports <video>?
	if (!v.play || navigator.userAgent.indexOf("Firefox") >= 0) { // If no, use Flash.
		var replaceClip = {'url':srcM4v, 'autoplay':true};
    	$f().play(replaceClip);
	} else {
		video = $(document.body).getElement('video');
		var sources = video.getElements('source');
		sources[0].src = srcMp4;
		//sources[1].src = srcOgg;
		video.load(); // need this for the new video to load
		video.play();
	}
}


function transitionPreview(oldPreview, newPreview) {
	$('viewer').setStyles({display:'block'});
	$('player').setStyles({display:'none'});
	var oldImage = "pre" + oldPreview;
	var newImage = "pre" + newPreview;
	var oldText = "text" + oldPreview;
	var newText = "text" + newPreview;
	var fadeOut = function() {
		var img = $(oldImage).setStyles({opacity: 1});
		var txt = $(oldText).setStyles({opacity: 1});
		new Fx.Morph(img, {duration:400}).start({opacity:0});
		new Fx.Morph(txt, {duration:400}).start({opacity:0});
		fadeIn();
		//.delay(1300);
	};

	var fadeIn = function() {
		//myTimer = fadeIn().delay(1000);
		var img2 = $(newImage).setStyles({
			display:'block',
			opacity: 0
		});
		var txt2 = $(newText).setStyles({
			display:'block',
			opacity: 0,
		});
		new Fx.Morph(img2, {duration:700}).start({opacity:1});
		new Fx.Morph(txt2, {duration:700}).start({opacity:1});
		
	};

	if(newPreview != activePreview)	{
		fadeOut();
		activePreview = newPreview;
	}
};