function hideOverlay(){

	var overlay = document.getElementById('youtubeoverlay');
	overlay.style.display = 'none';
	overlay.innerHTML = "";
}

function videoOverlay(id){
	var objBody = document.getElementsByTagName("body").item(0);
	if(objBody){
    var video = document.createElement('div');
	video.setAttribute('id', 'youtubeoverlay');
	video.innerHTML = '<div id="youtubecontent" style="z-index : 2;" style="margin:0px;"><table width="68" border="0" cellpadding="0" cellspacing="0"><tr><td width="68" height="29"><div align="center"><span class="Video_close"><table width="425" border="0" cellpadding="0" cellspacing="0" style="margin:0px;"><tr><td width="501" height="30" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0px;"><tr><td width="88" height="30" align="center" valign="middle" background="/youtube/onglet.gif"><a href="javascript:hideOverlay()" id="close" style="color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px">FERMER</a></td><td width="337">&nbsp;</td></tr></table></td></tr><tr> <td height="355" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" style="border:solid; border-width:2px; border-color:#B8BCBF;margin:0px;"><tr><td width="501" height="355"><iframe src="videos.asp?id='+id+'" width="425" height="355" frameborder="0" scrolling="no"></td></tr></table></td></tr></table></div>';
	objBody.insertBefore(video, objBody.firstChild);
	}else{
		alert('no body element. please add');
	}

}