function linkModal(nomBoite, linkDivId, onTop) {
	var size = getWinSize();

	var obj = document.getElementById(linkDivId);
	if (!obj) return false;
	
	var width = parseInt(obj.style.width);
	var height = parseInt(obj.style.height);
	var width2 = parseInt(width / 2);
	var height2 = parseInt(height / 2);
	var left = parseInt((size.width / 2) - width2);
	var top = parseInt((size.height / 2) - height2);
	if (onTop) top = 0;
	if (left < 0) left = 0;
	
	if(!document.getElementById(nomBoite)) {
		//on ecrit le container de la boite modale
		//document.write('<div id="'+ nomBoite +'" style="position: absolute; z-index: 1000;'
		//	+'display: none; width: '+width+'px; height: '+height+'px; left: '+left+'px; top: '+top+'px;"></div>');
		
		//on creer le container de la boite modale
		var _div = document.createElement("div");
		_div.id = nomBoite;
		_div.style.display='none';
		_div.style.top=top + 'px';
		_div.style.left=left + 'px';
		_div.style.width=width + 'px';
		_div.style.height=height + 'px';
		_div.style.position='absolute';
		_div.style.zIndex='2000';
		_div.onTop=onTop;
		_div.innerHTML = "";
		document.body.appendChild(_div);
		
	}
	//on ecrit dans la boit le contenu de notre boite
	var obj_boite = document.getElementById(nomBoite);
	if (obj_boite) {
		obj_boite.innerHTML = obj.innerHTML;
		obj.innerHTML = '';
	}
}


function openModal(divID) {
	document.getElementById(divID).style.display = "block";
	griserFond(true, 999);
	if (document.getElementById(divID).onTop) {
//		window.scrollTo(0, 0);
	}
}

function hideModal(divID) {
	var obj_temp = document.getElementById(divID);
	var obj_temp_iframe	= document.getElementById(divID + '_iframe');
	obj_temp.style.display = "none";
	griserFond(false);
	if(obj_temp.toRemove && obj_temp.toRemove == 1){
/*/
var date_start	= new Date().getTime();
		obj_temp.removeChild(obj_temp_iframe);
		removeNode(obj_temp);
var date_end	= new Date().getTime();
if ( document.getElementById('txt_result') != undefined ) document.getElementById('txt_result').value = '4 - Temps pour détruire les objets : ' + (date_end - date_start) + ' ms\n' + document.getElementById('txt_result').value;
/**/
/**/
		//obj_temp.removeChild(obj_temp_iframe);
		//removeNode(obj_temp);
		setTimeout("removeNode(document.getElementById('"+ divID +"'));", 50); //sinon bloquage sous IE
/**/
	}
}

var popup_id = '';
function Window(name, link, width, height, onTop) {
	var size = getWinSize();
	size.width	= document.getElementById('modele_page').offsetWidth;
	size.height	= document.getElementById('modele_page').offsetHeight;

	var _div	= document.createElement("div");
	var _iframe	= document.createElement("iframe");

	var width2	= parseInt(width / 2);
	var height2	= parseInt(height / 2);
	
	var page_position		= getPosition(document.getElementById('modele_page'));
//	var left	= page_position.x + ( (size.width - width) / 2 );
	var left	= page_position.x + 6;
	if ( left < page_position.x ) left = page_position.x;
//	var top		= page_position.y + 34;
	var top		= 357 + 4;
// CAS : CENTRER POPUP SUR LA PAGE
	var size = getWinSize(false);
	var left	= parseInt( (size.width - width) / 2 );
	if ( left < 0 ) left = 0;
	var top		= document.body.scrollTop + 5;
	if ( top < 0 ) top = 0;
// CAS : CENTRER POPUP SUR LA PAGE //
	
	popup_id = name;
	
	//_div.id				= 'div_temp';
	_div.id				= name;
	_div.style.zIndex	= '2000';
	_div.style.display	= 'none';
	_div.style.position	= 'absolute';
	_div.style.width	= width + 'px';
	_div.style.height	= height + 'px';
	_div.style.left		= left + 'px';
	_div.style.top		= top + 'px';
	_div.onTop			= onTop;
	_div.toRemove		= 1; // on force la suppression du node quand on cache la fenetre
	_div.innerHTML		= "";
	
	_iframe.id				= name + '_iframe';
	_iframe.name			= name;
	_iframe.style.width		= width + 'px';
	_iframe.style.height	= height + 'px';
	_iframe.frameBorder		= 0;
	_iframe.style.margin	= 0;
	_iframe.style.overflowY	= 'auto';
	_iframe.src				= link;
	
	document.body.appendChild(_div);
	_div.appendChild(_iframe);
	//linkModal(name, 'div_temp', onTop);
	//removeNode(_div);
}

/* EXAMPLE 

<html>
<head>
	<script type="text/javascript" src="modal.js"></script>
</head>
<body>


<input id="Button1" type="button" value="afficher ex 1" onclick="openModal('modalbox')" />
<input id="Button1" type="button" value="afficher ex 2" onclick="openModal('modalbox2')" />

<!-- important de metre la taille et display a none -->
<div id="div_test" style="display:none; width: 500px; height: 400px;">
	<table border="1" style=" width:100%; height:100%">
	<tr>
		<td>
		<a href="#" onclick="hideModal('modalbox')">[X]</a>
		un test tout bete
		</td>
	</tr>
	</table>
</div>

<!-- important de metre la taille et display a none -->
<div id="div_test2" style="display:none; width: 500px; height: 400px;">
	<table border="5" style=" width:100%; height:100%">
	<tr>
		<td>
		<a href="#" onclick="hideModal('modalbox2')">[X]</a>
		un deuxieme test tout bete
		</td>
	</tr>
	</table>
</div>


<script type="text/javascript">
linkModal('modalbox', 'div_test');
linkModal('modalbox2', 'div_test2');
</script>

</body>
</html>

*/
