var opaque = false;

function toggleDialog(NomDialog, position) {
       
       toggleOpaque(NomDialog, position);
}

function toggleOpaque(div, position){
	if(!document.getElementById("bgOpaque")) {
		var oDivOpaque = document.createElement("div");
		oDivOpaque.setAttribute("id", "bgOpaque");
		var ele = document.getElementsByTagName("body")[0].appendChild(oDivOpaque);
	}
	var ele = document.getElementById("bgOpaque");	
	if(!opaque){
		ele.style.width = document.body.scrollWidth;
		ele.style.height = document.body.scrollHeight;
		setOpacity(ele, 0);
		ele.style.display = "block";
		fadeIn("bgOpaque", 0, 60, 10);
		opaque = true;
		setPosition(div, position);

		ele.onclick = function() {
			closeWindow(div);
		}
	}else{
		fadeOut("bgOpaque", 60, 0, 15);
		opaque = false;
	}
}

function toggleOpaqueNoClose(div, position){
	if(!document.getElementById("bgOpaque")) {
		var oDivOpaque = document.createElement("div");
		oDivOpaque.setAttribute("id", "bgOpaque");
		var ele = document.getElementsByTagName("body")[0].appendChild(oDivOpaque);
	}
	var ele = document.getElementById("bgOpaque");	
	if(!opaque){
		ele.style.width = document.body.scrollWidth;
		ele.style.height = document.body.scrollHeight;
		setOpacity(ele, 0);
		ele.style.display = "block";
		fadeIn("bgOpaque", 0, 60, 10);
		opaque = true;
		setPosition(div, position);
	}else{
		fadeOut("bgOpaque", 60, 0, 15);
		opaque = false;
	}
}

function fadeIn(objId, opacity, maxOpacity, transitionTime) {
	obj = document.getElementById(objId);
	if (opacity <= maxOpacity) {
		setOpacity(obj, opacity, false);
		opacity += transitionTime;
		window.setTimeout("fadeIn('"+objId+"',"+opacity+","+maxOpacity+","+transitionTime+")", 50);
	}
}

function fadeOut(objId, opacity, minOpacity, transitionTime) {
	obj = document.getElementById(objId);
	if (opacity >= minOpacity) {
		setOpacity(obj, opacity, false);
		opacity -= transitionTime;
		window.setTimeout("fadeOut('"+objId+"',"+opacity+","+minOpacity+","+transitionTime+")", 50);
	}else{
		obj.style.display = "none";
		anim = false;
	}
}

function setPosition(div, position){
	var ele = document.getElementById(div);
	ele.style.display = "block";
	var w = document.body.scrollWidth;
	var h = document.body.scrollHeight;
	var divWidth = ele.clientWidth;
	var divHeight = ele.clientHeight;
	ele.style.position = "absolute";
	var posX = w/2 - divWidth/2;
	var dsoctop = document.all? document.documentElement.scrollTop : pageYOffset;
	ele.style.left = posX + "px";
	ele.style.top = dsoctop + position + "px";
	
}

function setOpacity(obj, opacity, notDisplay) {
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
	if(notDisplay)
		obj.style.display = "none";
}

function closeWindow(div) {
	divEl = document.getElementById(div);
	divEl.style.display = "none";
	toggleOpaque(div);
}