function initModalDialog(rel_path){
	rel_path=(typeof(rel_path)=="object")?'':rel_path;
	var body = document.getElementsByTagName('body')[0];
	var modaldialog = document.createElement('div');
	modaldialog.id="modalDialog";
	modaldialog.innerHTML = '<img src="pics/layout/blank.gif" alt="" id="modalDialogImage"/>'+
							'<div><img src="'+rel_path+'pics/layout/loading.gif" alt="loading..." id="loading" /></div>'+
							'<div id="modalDialogFooter"></div>'+
							'<div><img src="'+rel_path+'pics/layout/close.gif" alt="" id="close" usemap="#closeMap"/></div>'+
							'<map name="closeMap"  onclick="hideModalDialog();return false;"><area shape="rect" coords="27,5,44,22" href="#"></map>';
	var mask= document.createElement('div');
	mask.id="mask";
	body.appendChild(modaldialog);
	body.appendChild(mask);
}
function center(){
	var modalDialog=$("modalDialog");
	var mask= $("mask");
	if (self.pageYOffset) {
		scLeft = self.pageXOffset;
		scTop = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {
		scLeft = document.documentElement.scrollLeft;
		scTop = document.documentElement.scrollTop;
	} else if (document.body) {
		scLeft = document.body.scrollLeft;
		scTop = document.body.scrollTop;
	} 
	mask.style.top = scTop + "px";
	mask.style.left = scLeft + "px";
	var top=(getClientHeight()/2-modalDialog.clientHeight/2);
	var left=(getClientWidth()/2-modalDialog.clientWidth/2);
	modalDialog.style.top=top+"px";
	modalDialog.style.left=left+"px";
}
function showModalDialog(src, alt, title){
	var md=$("modalDialog");
	var mdi=$("modalDialogImage");
	var mdif=$("modalDialogFooter")
	var mask= $("mask");
	var loading=$("loading");
	scrollTo(0,0);
	mask.style.height=getClientHeight();
	show("mask");
	show("modalDialog");
	show("loading");
	
	var img=new Image();
	img.onload=function(){
		hide("loading");
		mdi.src=src;
		mdi.alt=alt;
		mdif.innerHTML=title;
		show("modalDialogImage");
		md.style.height=mdi.height+50+"px";
		md.style.width=mdi.width+30+"px";
		$blinddown("modalDialogFooter");
		center();
	};
	img.src=src;
	
	center();
}
function hideModalDialog(){
	$("modalDialogImage").src="pics/layout/blank.gif";
	$("modalDialogImage").alt="";
	hide("modalDialog");
	hide("mask");
	$blindup("modalDialogFooter");
}