var innerDivHeight = 200;
var innerDivWidth = 320;

function openVirtualDiv(messageVirtualDiv, classVirtualDiv, innerDivWidth, innerDivHeight)
{
	//ETAPE UN ON FERME LES AUTRES VIRTUAL DIV
	closeVirtualDiv();
	
	// CRÉE UN NOUVEL ÉLÉMENT DIV
	// ET LUI DONNE UN PEU DE CONTENU
	var nouveauDiv = document.createElement("div");
	nouveauDiv.id = "virtualDiv";
	nouveauDiv.className = "classVirtualDiv";
	nouveauDiv.style.height = "100%";
	nouveauDiv.style.left = "0px";
	nouveauDiv.style.position = "fixed";
	nouveauDiv.style.top = "0px";
	nouveauDiv.style.width = "100%";
	nouveauDiv.style.zIndex = "98";

	setOpacity(nouveauDiv, 60);

	var nouveauInnerDiv = document.createElement("div");
	nouveauInnerDiv.id = "virtualInnerDiv";
	nouveauInnerDiv.className = classVirtualDiv;
	nouveauInnerDiv.style.height = innerDivHeight + "px";
	nouveauInnerDiv.style.position = "fixed";
	nouveauInnerDiv.style.width = innerDivWidth + "px";
	nouveauInnerDiv.style.zIndex = "99";
	nouveauInnerDiv.innerHTML = messageVirtualDiv;

	// AJOUTE L'ÉLÉMENT QUI VIENT D'ÊTRE CRÉÉ ET SON CONTENU AU DOM
	document.body.appendChild(nouveauDiv);
	document.body.appendChild(nouveauInnerDiv);

	positionVirtualDiv();

	// DOM BUT NOT MOZILLA
	//WINDOW.GETCOMPUTEDSTYLE POUR SAVOIR SI ON ES SOUS IE
	if(document.getElementById && !window.getComputedStyle)
	{
		nouveauDiv.style.position = "absolute";
		nouveauInnerDiv.style.position = "absolute";
		window.onscroll = positionVirtualDiv;
	}
	window.onresize = positionVirtualDiv;
}

function positionVirtualDiv()
{
	var nouveauDiv = document.getElementById("virtualDiv");
	var nouveauInnerDiv = document.getElementById("virtualInnerDiv");
	var posX = (document.body.scrollLeft)?document.body.scrollLeft:document.documentElement.scrollLeft;
	var posY = (document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop;

	windowInnerHeight = document.documentElement.clientHeight;
	windowInnerWidth = document.documentElement.clientWidth;

	nouveauInnerDivHposition = (windowInnerHeight - innerDivHeight) / 2;
	nouveauInnerDivWposition = (windowInnerWidth - innerDivWidth) / 2;

	if(nouveauDiv && document.getElementById && !window.getComputedStyle)
	{
		nouveauDiv.style.left =  posX + "px";
		nouveauDiv.style.top =  posY + "px";
		nouveauDiv.style.height =  windowInnerHeight + "px";
		nouveauDiv.style.width =  windowInnerWidth + "px";
	}

	if(nouveauInnerDiv)
	{
		if(document.getElementById && !window.getComputedStyle)
		{
			nouveauInnerDiv.style.top =  posY + nouveauInnerDivHposition + "px";
			nouveauInnerDiv.style.left =  posX + nouveauInnerDivWposition + "px";
		}
		else
		{
			nouveauInnerDiv.style.top =  nouveauInnerDivHposition + "px";
			nouveauInnerDiv.style.left =  nouveauInnerDivWposition + "px";
		}
	}
}

function closeVirtualDiv()
{
	var nouveauDiv = document.getElementById("virtualDiv");
	var nouveauInnerDiv = document.getElementById("virtualInnerDiv");

	//VIRER LE FOND GRIS
	if(nouveauDiv != null)
	{
		nouveauDiv.className = null;
		document.body.removeChild(nouveauDiv);
	}

	//VIRER LE INNERDIV
	if(nouveauInnerDiv != null)
	{
		nouveauInnerDiv.innerHTML = null;
		nouveauInnerDiv.className = null;
		document.body.removeChild(nouveauInnerDiv);
	}

	//DESACTIVATION DES FONCTIONS DE POSITIONNEMENT
	window.onresize = null;
	window.onscroll = null;
}

function setOpacity(obj, opacity)
{
	opacity = (opacity == 100)?99.999:opacity;

  // IE/WIN
  obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ");";

  // SAFARI<1.2, KONQUEROR
  obj.style.KHTMLOpacity = opacity / 100;

  // OLDER MOZILLA AND FIREFOX
  obj.style.MozOpacity = opacity / 100;

  // SAFARI 1.2, NEWER FIREFOX AND MOZILLA, CSS3
  obj.style.opacity = opacity / 100;
}