function getWH() {
  var mW = 0, mH = 0;
  if( typeof( window.innerWidth ) == 'number' ) { mW = window.innerWidth; mH = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { mW = document.documentElement.clientWidth;mH = document.documentElement.clientHeight;} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { mW = document.body.clientWidth; mH = document.body.clientHeight; }
  return [ mW, mH ];
}
function getScrollXY() {
  var sX = 0, sY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) { sY = window.pageYOffset;sX = window.pageXOffset; } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { sY = document.body.scrollTop;sX = document.body.scrollLeft; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { sY = document.documentElement.scrollTop; sX = document.documentElement.scrollLeft; }
  return [ sX, sY ];
}
function show_panel(pwin) {
	if(pwin){ pwin.style.visibility = 'visible'; }	
	build_mask();
	pset_pos();	
}
function hide_panel(pwin) {
	if(pwin){ pwin.style.visibility = 'hidden'; }
	document.getElementById('wpop_mask').style.display="none";
	document.getElementById('mapf').src = 'about:blank';
}
function pset_pos() {
	var pwin = document.getElementById('pwin');
	var wh = getWH();
	var xy = getScrollXY();	
	pwin.style.top		= (xy[1] + (wh[1]/2))- (parseInt(pwin.style.height) / 2) +'px';
	pwin.style.left 	= (xy[0] + (wh[0]/2))- (parseInt(pwin.style.height) / 2) +'px';
	//alert(pwin.style.top);
	//alert(pwin.style.left);
	document.getElementById('wpop_mask').style.top = xy[1] + 'px';
	window.onscroll = pset_pos;
}
function show_panel2(pwin) {
	if(pwin){ pwin.style.display = 'inline'; }	
	build_mask();
	pset_pos2();	
}
function hide_panel2(pwin) {
	if(pwin){ pwin.style.display = 'none'; }
	document.getElementById('wpop_mask').style.display="none";
	document.getElementById('mapf2').src = 'about:blank';
}
function pset_pos2() {
	var pwin = document.getElementById('pwin2');
	var wh = getWH();
	var xy = getScrollXY();	
	pwin.style.top		= (xy[1] + (wh[1]/2))- (parseInt(pwin.style.height) / 2) +'px';
	pwin.style.left 	= -102 +(xy[0] + (wh[0]/2))- (parseInt(pwin.style.height) / 2) +'px';
	document.getElementById('wpop_mask').style.top = xy[1] + 'px';
	window.onscroll = pset_pos2;
}
function build_mask() {
	var wh = getWH();
	var xy = getScrollXY();
	if(!document.getElementById('wpop_mask')) {
		var mask = document.createElement("DIV");
		mask.id="wpop_mask";mask.className="mask";mask.innerHTML="&nbsp;";
		document.body.appendChild(mask);		
	}
	document.getElementById('wpop_mask').style.display="inline";
}
