/*
neat-dialog =>	neat-dialog-pane
				neat-dialog-bg
*/
function NeatDialog(sHTML, sTitle){
  window.neatDialog = null;
  this.elt = null;
  if(document.createElement  &&  document.getElementById){
    var pane = document.createElement("div");
    pane.id = "neat-dialog-pane";

	var basePath="common/neatdialog/images/";
    if (sTitle)
	sHTML=	'<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr style="line-height:0px">'+
			'<td width="3"><img src="'+basePath+'nd_tbg_l.gif" width="3" height="28"></td>'+
			'<td id="ndpane-head" style="background:url('+basePath+'nd_tbg_c.gif) repeat-x">'+sTitle+'<img id="ndpane-cancel" src="'+basePath+'btn_close_2.gif"></td>'+
			'<td width="3"><img src="'+basePath+'nd_tbg_r.gif" width="3" height="28"></td>'+
			'</tr><tr style="background-color:#FFFFFF;">'+
			'<td style="width:2px;font-size:2px;border-left:1px solid #A9C29D;">&nbsp;</td>'+
			'<td id="ndpane-body">'+sHTML+'</td>'+
			'<td style="width:2px;font-size:2px;border-right:1px solid #A9C29D;">&nbsp;</td>'+
			'</tr><tr id="ndpane-foot">'+
			'<td><img src="'+basePath+'nd_bbg_l.gif" width="3" height="3"></td>'+
			'<td style="background:url('+basePath+'nd_bbg_c.gif) repeat-x">&nbsp;</td>'+
			'<td><img src="'+basePath+'nd_bbg_r.gif" width="3" height="3"></td>'+
			'</tr></table>';

	pane.innerHTML = sHTML;

    var bg = document.createElement("div");
    bg.id = "nd-bdg";
    bg.id = "neat-dialog-bg";

    var nd = document.createElement("div");
    nd.id = "neat-dialog";
    nd.appendChild(bg);
    nd.appendChild(pane);

    //adjust positioning if body has a margin
    if (document.body.offsetLeft>0)	nd.style.marginLeft = document.body.offsetLeft+"px";
    document.body.appendChild(nd);

	var scArr=getPageScroll()
	var siArr=getPageSize()
	//197x119
	var tmp=$("ndpane-body").offsetWidth+6
	pane.style.width=(tmp<197?197:tmp)+"px"
	pane.style.top=scArr[1]+(siArr[3]-pane.offsetHeight)/2+"px"
	bg.style.height=siArr[1]+"px"

	$("ndpane-cancel").onclick = function(){
		window.neatDialog.close();
	};
    this.elt = nd;
    window.neatDialog = this;
  }
}
NeatDialog.prototype.close = function(){
	if (this.elt){
		this.elt.style.display = "none";
		this.elt.parentNode.removeChild(this.elt);
	}
	window.neatDialog = null;
}