// Surveillance de l'emplacement des divs pour les recentrer en cas de scroll de la page parente.

// Recentrage des ToolLayers dans l'espace affiché de la page (varie en fonction du scrolling)
function RepositionMediaPlayer(){
	TL = document.getElementById('MediaPlayer');
	if(TL){
		var tempTLHeight = TL.style.height; //renvoit une chaine finie par 'px' -> à supprimer
		tempTLHeight = tempTLHeight.substring(0, tempTLHeight.length -2);  //suppression de la chaine px
		if(navigator.appName == "Microsoft Internet Explorer"){
			TL.style.top = document.body.scrollTop + 120;
		}
		else{
			TL.style.top = window.pageYOffset + 120;
		}
	}
	setTimeout('RepositionMediaPlayer()', 100);
}
RepositionMediaPlayer();


function ShowMediaPlayer(){
	TL = document.getElementById('MediaPlayer');
	if(TL){
		TL.style.zIndex = 2;
		TL.style.visibility = 'visible';
		TL.style.display = 'block';
	}
}

function HideMediaPlayer(){
	TL = document.getElementById('MediaPlayer');
	if(TL){
		TL.style.zIndex = 0;
		TL.style.visibility = 'hidden';
		TL.style.display = 'none';
	}
}

function MediaPlayer(ContentURL, TLHeight, TLWidth){
	//this._visibilityConfig = 'display:none; z-index:0; visibility: hidden; '; 
	//display:block; z-index:1; visibility: visible;
	TLID = 'MediaPlayer';
	HeaderHeight = 55;
	FooterHeight = 20;
	
	var TL = document.getElementById(TLID);
	if(!TL){
		var posY;
		var posX;
		if (navigator.appName == "Microsoft Internet Explorer"){
			posY = document.body.scrollTop + 120; //(screen.availHeight - TLHeight) / 2
			posX =  250; //5;
		}
		else{
			posY = window.pageYOffset + 120;
			posX = 250; //5;
		}
		var TLWrite = '<div id="' + TLID + '" '
					+ 'style="'
					+ 'position:absolute; z-index:0; visibility:hidden; display:none; padding:0px; overflow:hidden; '
					+ 'top:' + posY + 'px; left:' + posX + 'px; height:' + TLHeight + 'px; width:' + TLWidth + 'px;'
					+ '">'
					+ '<table border="0" cellspacing="0" cellpadding="0" style="width:100%; height:' + HeaderHeight + 'px;">'
						+ '<tr>'
						+ '<td align="right" valign="top" style="padding:10px; height:' + HeaderHeight + 'px; background-image:url(images/media1.gif); background-position:top left; background-repeat:no-repeat;">'
							+ '<a href="javascript:HideMediaPlayer();" style="background-color:none;"><img src="images/btClose.gif" width="22" height="22" border="0" style="background-color:none;" /></a>'
						+ '</td>'
						+ '</tr>'
					+ '<tr><td style="padding:0px;">'
					+ '<iframe scrolling="no" frameborder="0" src="' + ContentURL + '" style="padding:0px; width:100%; height:' + (TLHeight - HeaderHeight - FooterHeight) + 'px; background-color:#999999;"></iframe>'
					+ '</td></tr>'
					+ '<tr>'
						+ '<td style="height:'+ FooterHeight + 'px; border-bottom:2px solid #FFFFFF; background-image:url(images/media2.gif); background-position:bottom left; background-repeat:no-repeat;">&nbsp;</td>'
					+ '</tr>'
				+ '</table>'
				+ '</div>';
	document.body.innerHTML += (TLWrite);
	}
	ShowMediaPlayer();
}