var overlayon = false;
var overlaycolor = "#ffffff";
var overlayopacity = 95;
var overlayid = "overlay_main";
var messageid = "message_win";
var overlayZ = 6240;
window.onresize = resizeOverlay;

function showOverlay() {
	xxx = document.getElementById("hideme");	if (xxx) xxx.style.visibility = "hidden";
	dv = document.getElementById(overlayid);
	if (!dv)
	{
		v = Viewport();
		x = v.pageX;
		y = v.pageY;

		dv = document.createElement("div");
		dv.style.position = "absolute";
		dv.id = overlayid;
//		dv.style.backgroundColor = overlaycolor;
		dv.style.backgroundColor = overlaycolor;
		opacity(dv, overlayopacity);
		
		dv.style.top = "0px";
		dv.style.left = "0px";
		dv.style.height = y + "px";
		dv.style.width = x + "px";

		dv.style.zIndex = overlayZ;	
		document.body.appendChild(dv);
	} else {
		v = Viewport();
		x = v.pageX;
		y = v.pageY + v.scrollY;
		dv.style.top = "0px";
		dv.style.left = "0px";
		dv.style.height = y + "px";
		dv.style.width = x + "px";
		dv.style.backgroundColor = overlaycolor;
		dv.style.display = "block";
	}
	overlayon = true;
}

function closeOverlay() {
		dv = document.getElementById(overlayid);
		if (dv) dv.style.display = "none";
		overlayon = false;
}

function showWait(msg) {
	if (!msg) msg = "<div onclick='closeWait();' style='width: 400px; height: 300px; padding: 30px; '><b>Please wait .... </b><br><br><img src='_common/images/loadingAnimation.gif'></div>";
	showOverlay();

	dv = document.getElementById(messageid);
	if (!dv)
	{
		dv = document.createElement("div");

		dv.style.position = "absolute";
		dv.style.display = "block";
		dv.innerHTML = msg;
		opacity(dv, 0);
		dv.style.top = "0px";
		dv.style.left = "0px";
		dv.style.backgroundColor = "#ffffff";
		dv.style.color = "#444444";
		dv.style.zIndex = overlayZ + 1;	
		dv.style.borderWidth = "2px";	
		dv.style.borderStyle = "solid";	
		dv.style.borderColor = "#bfbfbf";	
		dv.style.padding = "5px";
		dv.id = messageid;
		document.body.appendChild(dv);
	} else  {
		dv.innerHTML = msg;
		dv.style.display = "block";
	}
	w = dv.offsetWidth; if (parseInt(w) == 0) w = 600;
	h = dv.offsetHeight; if (parseInt(h) == 0) h = 400;
	c = getCenter(w, h);
	dv.style.left = c.x + "px";
	dv.style.top = c.y + "px";
	opacity(dv, 100);
 }

	function showWait2() {
		txt = "<div style='padding: 60px 150px; background-color: #fff; -moz-border-radius: 0.6em;	-webkit-border-radius: 0.6em;	border-radius: 0.6em; border: 2px solid #eee; opacity: 0.85;text-align: center;'><img src='images/spinning.gif'><br>Please Wait ... </div>";
		box(txt);
	}

 function closeWait() {
		dv = document.getElementById(messageid);
		dv.style.display = "none";
		dv.innerHTML = "";
		closeOverlay();
		xxx = document.getElementById("hideme");	if (xxx) xxx.style.visibility = "visible";
 }

 function showAlert(msg) {
	showWait(msg);
 }
 
 function closeAlert() {
	closeWait();
 }

function showError(msg) {
	msg = "<div class='error'>" + msg + "<br><br<div class='line'>&nbsp;</div><br><center><input type='button' value='close' onclick='closeWait();'></div>";
	showAlert(msg);
}

function resizeOverlay() {
	if (overlayon)
	{
		v = Viewport();
		x = v.pageX;
		y = v.pageY;

		dv = document.getElementById(overlayid);
		dv.style.top = "0px";
		dv.style.left = "0px";
		dv.style.height = y + "px";
		dv.style.width = x + "px";

		dv = document.getElementById(messageid);
//		w = dv.offsetWidth; if (parseInt(w) == 0) w = 939;
//		h = dv.offsetWidth; if (parseInt(h) == 0) h = 441;
		c = getCenter(939, 441);
//		alert(Math.max(0,c.y));
		dv.style.left = Math.max(0,c.x) + "px";
		dv.style.top = Math.max(0,c.y) + "px";

	}
}

function message(msg, wdth) {
	txt = "";
	if (wdth)
	{
		txt = " width: " + wdth + "px;";
	}
	showAlert("<div onclick='closeWait();' style='"+txt+"padding: 30px 60px; text-align: center; line-height: 150%;'><b>"+msg+"</b><br><br><input type=button value=close onclick='closeWait();'></div>");
}

function customMessage(msg, styl) {
	showAlert("<div onclick='closeWait();' style='padding: 30px 60px; text-align: center; line-height: 150%;"+styl+"'><b>"+msg+"</b><br><br><input type=button value=close onclick='closeWait();'></div>");
}

function upload(url) {
	txt = "<div id='divUpload'><center><span style='color: #ff0000; display: none;' id='uploadStatus'>please wait ... </span></center><div><form method='POST' id='frmUpload' name='frmUpload' action='"+url+"' target='frameUpload' enctype='multipart/form-data'>Select file: <input type='file' value='' name='Filename'> <input type='button' value='upload' onclick='doUpload();'></form></div>";
	txt += "<iframe src='' width=0 height=0 name='frameUpload' id='frameUpload'></iframe>";
	txt += "<br><center><input type='button' value='cancel' onclick='closeWait();'></center>";
	txt += "</div>";
	showWait(txt);
}

function doUpload() {
	el = document.getElementById("uploadStatus"); el.style.display = 'inline';
	el = document.getElementById("frmUpload");
	el.submit();

}

function completeUpload(param) {
	closeWait();
	postUpload(param);
}

function uploadFailed(param) {
	el = document.getElementById("uploadStatus"); el.innerHTML = "Upload failed!!!";
}

function message2(msg, wdth) {
	txt = "";
	if (wdth)
	{
		txt = " width: " + wdth + "px;";
	}
	showOverlay();
	box("<div>"+'<div class="login-close" style="text-align: right"> <a href="#" onclick="return false"><img style="position: relative; top: 24px; left: -3px;" src="images/icon_delte_up.gif" alt="close" name="closepop"  border="0" id="closepop" onmouseover="MM_swapImage(\'closepop\',\'\',\'images/icon_delte_over.gif\',1)" onmouseout="MM_swapImgRestore()" onclick="closeWait()" /></a></div>'+ "<div class='msgalert' style='"+txt+"; background-color: #fff; -moz-border-radius: 0.6em;	-webkit-border-radius: 0.6em;	border-radius: 0.6em; border: 2px solid #f10000; padding: 0px;'>" +"<div style=' text-align: center; line-height: 150%;'><b>"+msg+"</b></div></div></div>");
}

function message4(msg, wdth) {
	txt = "";
	if (wdth)
	{
		txt = " width: " + wdth + "px;";
	}
	showOverlay();
	box("<div class='msgalert' style='"+txt+"; border: 5px solid #eee; padding: 0px;'>" +'<div class="login-close"> <a href="#"><img src="images/icon_delte_up.gif" alt="close" name="closepop"  border="0" id="closepop" onmouseover="MM_swapImage(\'closepop\',\'\',\'images/icon_delte_over.gif\',1)" onmouseout="MM_swapImgRestore()" onclick="closeWait()" /></a></div>'+ "<div style=' text-align: center; line-height: 150%;'><b>"+msg+"</b></div></div>");
}

function box(msg, wdth) {
	txt = "";
	if (wdth)
	{
		txt = " width: " + wdth + "px;";
	}
	dv = document.getElementById(messageid);
	if (!dv)
	{
		dv = document.createElement("div");

		dv.style.position = "absolute";
		dv.style.display = "block";
		dv.innerHTML = msg;
		opacity(dv, 0);
		dv.style.top = "0px";
		dv.style.left = "0px";
//		dv.style.backgroundColor = "#fff";
		dv.style.color = "#444444";
		dv.style.zIndex = overlayZ + 1;	
		dv.style.borderWidth = "0px";	
		dv.style.borderStyle = "solid";	
		dv.style.borderColor = "#bfbfbf";	
		dv.style.padding = "0px";
		dv.id = messageid;
		document.body.appendChild(dv);
	} else  {
		dv.innerHTML = msg;
		dv.style.display = "block";
	}
	w = dv.offsetWidth; //if (parseInt(w) == 0) w = 600;
	h = dv.offsetHeight; //if (parseInt(h) == 0) h = 400;
	c = getCenter(w, h);
	dv.style.left = Math.max(30 , c.x) + "px";
	dv.style.top = Math.max(30 , c.y) + "px";
	opacity(dv, 100);

}

function boxAtPosition(ev, msg) {
	txt = "";
	dv = document.getElementById(messageid);
	if (!dv)
	{
		dv = document.createElement("div");

		dv.style.position = "absolute";
		dv.style.display = "block";
		dv.innerHTML = msg;
		opacity(dv, 0);
		dv.style.top = "0px";
		dv.style.left = "0px";
//		dv.style.backgroundColor = "#fff";
		dv.style.color = "#444444";
		dv.style.zIndex = overlayZ + 1;	
		dv.style.borderWidth = "0px";	
		dv.style.borderStyle = "solid";	
		dv.style.borderColor = "#bfbfbf";	
		dv.style.padding = "0px";
		dv.style.width = "250px";
		dv.id = messageid;
		document.body.appendChild(dv);
	} else  {
		dv.innerHTML = msg;
		dv.style.display = "block";
	}
	dv.style.left = (15 + getMouseX(ev)) + "px";
	dv.style.top = getMouseY(ev) + "px";
	opacity(dv, 100);

}




 function imageF(path, w, h) {
	 message2("<div style='padding: 40px; text-align: center; background-color: #fff;'>Please wait ... <br><br><br><br><img src='images/spinning.gif'></div>");
	i = new Image;
	 i.onload=function () {_imageF(path, w, h)};
	 i.src = path;

 }

 function _imageF(path, w, h) {
	 t = "<img ";
	 if (w) t += " width=\"" + w + "\" ";
	 if (h) t += " width=\"" + h + "\" ";
	 t += " src='"+path+"'>";
	 message2(t);

 }

// JavaScript Document
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}