//<!--
function toggleSubLayers_on(divId){
	var div = document.getElementById(divId+'-layers');
	var on = document.getElementById(divId+'-on');
	var off = document.getElementById(divId+'-off');
	div.style.display = "block";
	on.style.display = "none";
	off.style.display = "block";
}
function toggleSubLayers_off(divId){
	var div = document.getElementById(divId+'-layers');
	var on = document.getElementById(divId+'-on');
	var off = document.getElementById(divId+'-off');
	div.style.display = "none";
	on.style.display = "block";
	off.style.display = "none";
}
function popupLegend(layer,name){
	var legendUrl = "legend/"+layer+".jpg";
	var legendTitle = name;
	document.getElementById("dialog").innerHTML = "<p class='title'>"+legendTitle+"</p><img src="+legendUrl+" title="+legendTitle+" alt='"+legendUrl+"' />";
	$.ui.dialog.defaults.bgiframe = true;
	$(function() {
		$('#dialog').dialog('open');
	});
}

function getWindowHeight() {
	if (self.innerHeight) return self.innerHeight;
	if (document.documentElement && document.documentElement.clientHeight)
		return document.documentElement.clientHeight;
	if (document.body) return document.body.clientHeight;
		return 0;
}

function getWindowWidth() {
	if (self.innerWidth) return self.innerWidth;
	if (document.documentElement && document.documentElement.clientWidth)
		return document.documentElement.clientWidth;
	if (document.body) return document.body.clientWidth;
		return 0;
}

function resize() {  
	var mapWrapper = document.getElementById("mapWrapper");  
	if(document.getElementById("map3d")){
		var map = document.getElementById("map3d");  
	}else{
		var map = document.getElementById("map");  
	}
	
	//map.style.height = (getWindowHeight()-80) + "px";
	mapWrapper.style.width = (getWindowWidth()-335) + "px";
	map.style.width = (getWindowWidth()-338) + "px";
	if (map.updateSize) { map.updateSize(); };
} 

onresize=function(){ resize(); };
//  -->