function getWinWidth () {

	var winWidth = window.innerWidth;
	
	if (winWidth == null){
		winWidth = document.body.clientWidth;
	}	
	return winWidth;
}
//*********************************************************************************************************	
function getWinHeight () {
	
	var winHeight = window.innerHeight;
	
	if (winHeight == null) {
		winHeight = document.body.clientHeight;
	}
	return winHeight;
}
//*********************************************************************************************************	
function openMap(i){
			
	var winWidth = getWinWidth();
	var winHeight = getWinHeight();
	var panel1 = document.getElementById("Panel1");
	var panel2 = document.getElementById("Panel2");
	var winTop1 = (winHeight - 369) / 2;
	var winTop2 = (winHeight - 378) / 2;
	var winLeft1 = (winWidth - 527) /2;
	var winLeft2 = (winWidth - 514) /2;
	
	if (winTop1 < 0) winTop1= 0;
	if (winTop2 < 0) winTop2= 0;
	if (winLeft1 < 0) winLeft1= 0;
	if (winLeft2 < 0) winLeft2= 0;
	
	
	
	panel1.style.top = winTop1 + "px";
	panel1.style.top = 202 + "px";   
	panel1.style.left = winLeft1 + "px";
	
	panel2.style.top = winTop2 + "px";  
	panel2.style.top = 202 + "px"; 
	panel2.style.left = winLeft2 + "px";
			
	if (i==1)
	{
		panel1.style.visibility = "visible";
		panel1.style.display = "block";
		panel2.style.visibility = "hidden";
		panel2.style.display = "none";

	}
	else if (i == 2)
	{
		panel2.style.visibility = "visible";
		panel2.style.display = "block";
		panel1.style.visibility = "hidden";
		panel1.style.display = "none";			
	}
	else
	{					
		panel1.style.visibility = "hidden";
		panel1.style.display = "none";	
		panel2.style.visibility = "hidden";
		panel2.style.display = "none";	

	}
				
				
}