function showDialog(dlgHeading, url) { popupDialog1(dlgHeading,url,500,360);}

function popupDialog1(title,url,w,h){
	var dialog=document.getElementById("centerform");
	var titleCell=document.getElementById("titleHead");
	var contentArea=document.getElementById("contentArea");
	titleCell.innerHTML = title;
	contentArea.innerHTML="";
	// creates one IFRAME above 'setContent()' area, updates 'url'
	var contentAreaIF = document.createElement('IFRAME');
	contentAreaIF.setAttribute('frameBorder', 'no');
	contentAreaIF.setAttribute('scrolling',"no");
	contentAreaIF.setAttribute('height','400px');
	contentAreaIF.setAttribute('width','100%');
	contentAreaIF.setAttribute('style','width:100%; height: 100%;');
	contentArea.appendChild(contentAreaIF);
	contentAreaIF.src = url;
	dialog.style.width=w+"px";
	dialog.style.height=h+"px";
	show(dialog);
}

function popupDialog2(title,content,w,h){
	var dialog=document.getElementById("centerform");
	var titleCell=document.getElementById("titleHead");
	var contentArea=document.getElementById("contentArea");
	titleCell.innerHTML = title;
	contentArea.innerHTML=content;
	dialog.style.width=w+"px";
	dialog.style.height=h+"px";
	show(dialog);
} 

function alertDialog(title, content){
	content="<div style='text-align: center;margin-top:30px;border: 1px solid #2f572f; background-color: #cbe5cb; text-align: center;'>"+content+"<br><input type='button' onclick=hide() value='Ok'></div>";
	popupDialog2(title,content,350,130);
}

function show(cont){
	var browserHeight = getBrowserHeight();
	var browserWidth = getBrowserWidth();
	var currentOffsetTop = document.documentElement.scrollTop || document.body.scrollTop; // body for Safari
	var currentOffsetLeft = document.documentElement.scrollLeft || document.body.scrollLeft; // body for Safari
	
	var fullpage=document.getElementById("fullpage");
	fullpage.style.height = (browserHeight+currentOffsetTop) + 'px';
	fullpage.style.width = (browserWidth+currentOffsetLeft) + 'px';
	fullpage.style.display="";
	cont.style.display="";
	var desiredOffsetTop = (browserHeight- cont.offsetHeight)/2+currentOffsetTop;
	var desiredOffsetLeft = (browserWidth - cont.offsetWidth)/2+currentOffsetLeft;
	//alert("desiredOffsetLeft="+desiredOffsetLeft+" browserWidth="+browserWidth+" currentOffsetLeft="+currentOffsetLeft)
	if (desiredOffsetTop != parseInt(cont.style.top, 10)) cont.style.top = desiredOffsetTop + 'px';
	if (desiredOffsetLeft != parseInt(cont.style.left, 10)) cont.style.left= desiredOffsetLeft + 'px';
}

function hideDialog(){
	var dialog=document.getElementById("centerform");
	dialog.style.display="none";
}

function hide(){
	hideDialog();
	var fullpage=document.getElementById("fullpage");
	fullpage.style.display='none';
}

function getBrowserHeight() {
	if (window.innerHeight) return window.innerHeight;
	else if (document.documentElement && document.documentElement.clientHeight != 0) return document.documentElement.clientHeight;
	else if (document.body) return document.body.clientHeight;
	return 0;
}

function getBrowserWidth() { 
	if(window.innerWidth) return window.innerWidth;
	else if(document.documentElement &&  document.documentElement.clientWidth) return document.documentElement.clientWidth
	else if(document.body) return document.body.clientWidth;
	return 0;
}