function PageLoad()
{
	var Overlay = new Element('div', {
		'id': 'BoiteModale',
		'styles': {
			'display': 'block',
			'z-index': 65530,
			'position': 'absolute',
			'top': '0',
			'left': '0',
			'background-color': '#000',
			'opacity': 0,
			'height': window.getScrollHeight() + 'px',
			'width': window.getScrollWidth() + 'px'
		}
		}).injectInside(document.body);
		 
		Overlay.set({'events': {
				 'click': function(){ 
				 	FermerPopup();
					
					/*var maBoite = $('BoiteModale');		
					maBoite.set('tween', {duration: '300'});
					maBoite.tween('opacity', '0');
					
					var VideoPopup = $('VideoPopup');		
					VideoPopup.set('tween', {duration: '300'});
					VideoPopup.tween('opacity', '0');
					VideoPopup.setStyles({'display': 'none'});*/
				 }
		}});

}


/* DomReady Event fires when all Elements are ready, but not images. */
window.addEvent('domready', PageLoad);





/*
	Thanks to Jeroen Bastiaan Wijering for the JW MEDIA PLAYER
	http://www.jeroenwijering.com/?item=JW_Media_Player
*/

// some variables to save
var currentPosition;
var maxPosition = 0;
var currentVolume;
var currentItem;
var videoFinished = false;


function CreateVideo(p_vid_id, p_description, p_duree, p_url)
{
	var maBoite = $('BoiteModale');
	maBoite.set('tween', {duration: '300'});
	maBoite.tween('opacity', '0.65');

	var Vid = $('VideoPopup');	
	Vid.setStyles({'display': 'block'});	
//	Vid.setStyles({'top': scrollito.y + (myHeight-(Vid.offsetHeight+p_haut))/2});
//	Vid.setStyles({'left': (window.getScrollWidth()-550)/2});
	Vid.set('tween', {duration: '300'});
	Vid.tween('opacity', '1');


	
	maxPosition = p_duree - 5;
	document.getElementById("VideoDescription").innerHTML = '<span class="soustitre">'+ p_description +'</span> '+ FormaterSecondes(p_duree) +' s';
	document.getElementById("TotalTime").innerHTML = FormaterSecondes(p_duree);
	
	var ScrollXY = getScrollXY();
	moveIt(document.getElementById("VideoPopup"), ScrollXY[1]+1, ScrollXY[0]+86)
	showLayer('VideoPopup');
	//alert(ScrollXY[1]);
	
	
	
	var so = new SWFObject('player/mediaplayer.swf','mpl','396','264','8');
	so.addParam("allowfullscreen","false");
	so.addParam("menu","false");
	so.addVariable("shownavigation","false");
	so.addVariable("volume","100");
	//so.addVariable("usekeys","false");
	so.addVariable("showicons","false");
	so.addVariable("file",p_url);
	so.addVariable("enablejs","true");
	so.addVariable("javascriptid","mpl");
	so.addVariable("width","396");
	so.addVariable("displaywidth","396");
	so.addVariable("height","264");
	so.addVariable("displayheight","264");
	so.write('Player');
	
	// On affiche les éléments reliés au vidéo
	// si le vidéo est bien affiché (Flash présent)
	var type = typeof(mpl);
	if (type.toLowerCase() == "undefined")
	{
		hideLayer('divBtnPlay');
		hideLayer('divBtnSoundOn');
		hideLayer('divBtnRew');
	}
}

			
function FermerPopup()
{
	hideLayer('VideoPopup');
	document.getElementById('Player').innerHTML = "";
	
	var maBoite = $('BoiteModale');		
	maBoite.set('tween', {duration: '300'});
	maBoite.tween('opacity', '0');
	
	var VideoPopup = $('VideoPopup');		
	VideoPopup.set('tween', {duration: '300'});
	VideoPopup.tween('opacity', '0');
	VideoPopup.setStyles({'display': 'none'});

}

function ToggleMute()
{
	if (currentVolume != 0)
	{
		sendEvent('volume','0');
		hideLayer('divBtnSoundOn');
		showLayer('divBtnSoundOff');
	}
	else
	{
		sendEvent('volume','100');
		hideLayer('divBtnSoundOff');
		showLayer('divBtnSoundOn');
	}
}


// these functions are caught by the JavascriptView object of the player.
function sendEvent(typ,prm) { thisMovie("mpl").sendEvent(typ,prm); };
function getUpdate(typ,pr1,pr2,pid) {
	if(typ == "time")
	{
		currentPosition = pr1;
		var id = document.getElementById("ElapsedTime");
		id.innerHTML = FormaterSecondes(Math.round(pr1));
	}
	else if(typ == "volume") { currentVolume = pr1; }
	else if(typ == "item") { currentItem = pr1; }
	else if (typ == "state")
	{
		if (pr1 == 0) // Vidéo stoppé
		{
			hideLayer('divBtnPause');
			showLayer('divBtnPlay');
		}
		else if (pr1 == 2) // Vidéo Play
		{
			hideLayer('divBtnPlay');
			showLayer('divBtnPause');
		}
		else if (pr1 == 3) // Fin vidéo
		{
			//hideLayer('VideoPopup');
			videoFinished = true;
			hideLayer('divBtnPause');
			showLayer('divBtnPlay');
		}
	}
					
};

// These functions are caught by the feeder object of the player.
function loadFile(obj) { thisMovie("mpl").loadFile(obj); };
function addItem(obj,idx) { thisMovie("mpl").addItem(obj,idx); }
function removeItem(idx) { thisMovie("mpl").removeItem(idx); }

// This is a javascript handler for the player and is always needed.
function thisMovie(movieName) {
	if(navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	} else {
		return document[movieName];
	}
};





function showLayer(layerName)
{
	ChangeClass(layerName, "visible");
}

function hideLayer(layerName)
{
	ChangeClass(layerName, "invisible");
}

function ChangeClass(element, newClass)
{
	 if (document.getElementById) 
	 { 
	 	if (document.getElementById(element))
			document.getElementById(element).className = newClass;
	 }
}

function FormaterSecondes(nb_secondes)
{
	var retour	= "";
	var HH 		= Math.floor(nb_secondes / 3600);
	var MMsec 	= nb_secondes - (HH * 3600);
	var MM 		= Math.floor(MMsec / 60);
	var SS 		= MMsec - (MM * 60);
	
	if(SS < 10)
		var SSstr = "0" + SS;
	else
		var SSstr = SS;
		
	if(MM < 10)
		var MMstr = "0" + MM;
	else
		var MMstr = MM;
	
	if(HH < 10)
		var HHstr = "0" + HH;
	else
		var HHstr = HH;
	
	if (HH == 0)
		retour = MMstr + ":" + SSstr;
	else
		retour = HHstr + ":" + MMstr + ":" + SSstr;
	
	return retour;
}


function ChangeImageSrc(p_id, p_src)
{
	var type = typeof(p_src);
	
	if (type.toLowerCase() == "string")
		document.getElementById(p_id).src = p_src;
	else if (type.toLowerCase() == "object")
		document.getElementById(p_id).src = p_src.src;
}

/*
	http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
*/
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function moveIt(pobj, pTop, pLeft)
{
	pobj.style.position = "absolute";
	pobj.style.top = pTop + "px";
	pobj.style.left = pLeft + "px";
}