function initDrag() {
	var o = document.all ? document.all["map-image"] : document.getElementById("map-image");
	var id_box = document.all ? document.all["identify-box"] : document.getElementById("identify-box");
	var id_handle = document.all ? document.all["id-handle"] : document.getElementById("id-handle");
			
	x_start  = document.all ? document.all["x_start"] : document.getElementById("x_start");
	y_start = document.all ? document.all["y_start"] : document.getElementById("y_start");
	x_end  = document.all ? document.all["x_end"] : document.getElementById("x_end");
	y_end = document.all ? document.all["y_end"] : document.getElementById("y_end");

	Drag.init(o, null, (-1*half_width), half_width, (-1*half_height), half_height);
	Drag.init(id_handle, id_box, 0, 375, 0, 700);

	// report stuff
	o.onDragStart = function(x, y) { reportDragStart(x, y); }
	o.onDragEnd = function(x, y) { 
		reportDragEnd(x, y); 
		x_center = half_width - (x - x_start.value);
		y_center = half_height - (y - y_start.value);
		reportCenter(x_center, y_center);
		if (x_end.value==0 && y_end.value==0) {
		}
		else {
			getMap();
			closeIdentify();
		}
	}
}
function reportDragStart(x, y) {
		x_start.value = 0;
		y_start.value = 0;
	}
function reportDragEnd(x, y) {
		x_end.value = x;
		y_end.value = y;
	}
function reportCenter(x,y) {
		var center_lng = document.getElementById('center_lng');
		var center_lat = document.getElementById('center_lat');
		center_lng.value = convertX('l',x);
		center_lat.value = convertY('l',y);
		}
		
	
function repositionMap() {
	var mapimage = document.getElementById("map-image");
	mapimage.style.top = 0;
	mapimage.style.left = 0;
	}
	
function convertX(mode,x) {
		var lng_min = document.getElementById("lng_min").value;
		var lng_max = document.getElementById("lng_max").value;
		var px_min = 0;
		var px_max = map_width;
		var new_x = "";
	if (mode=="p") {
		new_x = Math.round((x - lng_min) / (lng_max - lng_min) * (px_max - px_min));
		}
	else if (mode=="l") {
		new_x = (x - px_min) / (px_max - px_min) * (lng_max - lng_min) + parseFloat(lng_min);
		}
	new_x = Math.round(1000000000000*new_x)/1000000000000;
	return new_x;
	}
function convertY(mode,y) {
		var lat_min = document.getElementById("lat_min").value;
		var lat_max = document.getElementById("lat_max").value;
		var py_min = 0;
		var py_max = map_height;
		var new_y = "";
	if (mode=="p") {
		new_y = Math.round((lat_max - y) / (lat_max - lat_min) * (py_max - py_min));
		}
	else if (mode=="l") {
		new_y = (py_max - y) / (py_max - py_min) * (lat_max - lat_min) + parseFloat(lat_min) ;
		}
	new_y = Math.round(1000000000000*new_y)/1000000000000;
	return new_y;
	}
	
	
function updateLink() {
	var	urlvars = "center_lat,center_lng,ui_scale,active_pane,category,show_layers,show_labels,show_themes,geography,q,view_id";
	var urlvars = urlvars.split(",");
	var mapurl = "<a href=\"" + this_url + "?map=gm";
 for(i=0;i<urlvars.length;i++) {
		mapurl = mapurl + "&" + urlvars[i] + "=" + document.getElementById(urlvars[i]).value;
	}
	mapurl = mapurl + "\">" + permalink_text + "</a>";
	var staticlink = document.getElementById("staticlink");
	staticlink.innerHTML = mapurl;
}	
	
function updatePrintableLink() {
	var	urlvars = "center_lat,center_lng,ui_scale,active_pane,category,show_layers,show_labels,show_themes,geography,q,view_id";
	var urlvars = urlvars.split(",");
	var mapurl = "<a href=\"" + this_url + "-print?map=gm";
 for(i=0;i<urlvars.length;i++) {
		mapurl = mapurl + "&" + urlvars[i] + "=" + document.getElementById(urlvars[i]).value;
	}
	mapurl = mapurl + "\">" + printable_link_text + "</a>";
	var staticlink = document.getElementById("printablelink");
	staticlink.innerHTML = mapurl;
}	
	
	
	
	
function identify(event) {
	var x = event.layerX ? event.layerX : event.offsetX;
	var y = event.layerY ? event.layerY : event.offsetY;
	x_end  = document.all ? document.all["x_end"] : document.getElementById("x_end");
	y_end = document.all ? document.all["y_end"] : document.getElementById("y_end");
	if (x_end.value < 2 && x_end.value > -2  && y_end.value < 2 && y_end.value > -2 ) {
		hourglass();	
		var lng = convertX('l',x);
		var lat = convertY('l',y);
		var scale = document.getElementById("ui_scale").value; if (scale=="") {scale=scale_default;}
		var layers = document.all ? document.all["show_layers"] : document.getElementById("show_layers");
		var url = "/mapserver/identify_xml.php?scale=" + scale + "&lat=" + lat + "&lng=" + lng + "&layers=" + layers.value + "&ms=" + new Date().getTime();
		var httpID = getHTTPObject(); // We create the HTTP Object
		httpID.open("GET", url, true);
		httpID.onreadystatechange = function() {
			if (httpID.readyState == 4) {      
			var DivElement = document.getElementById("identify");
			var result = httpID.responseText; 
			lat = y;
			if (lat<110) { lat = 110; }
			if (lat>740) { lat = 740; }
			lat = lat - 100;
			lng = x;
			if (lng>365) { lng = 365; }
			if (lng<10) { lng = 10; }
			lng = lng - 1;
			DivElement.innerHTML = result;
			var idbox = document.getElementById("identify-box");
			idbox.style.display = "block";
			idbox.style.top = lat + "px";
			idbox.style.left = lng + "px";
			hourglass('stop');
			}
	 }
		httpID.send(null);
	}
}


function closeIdentify() {
	var idbox = document.getElementById("identify-box");
	idbox.style.display = "none";
	}
	

function zoom(scale_new) {
	var scale = document.getElementById("ui_scale").value; if (scale=="") {scale=scale_default;}
	if (scale_new=='out') {
		if (scale < 10) {
		scale_new = eval(scale) + 1;
		}
		else {scale_new = scale;}
		}
	if (scale_new=='in') { 
		if (scale > 1) {
		scale_new = eval(scale) - 1;
		}
		else {scale_new = scale;}
		}
	scale = document.getElementById("ui_scale");
	scale.value = scale_new;
	getMap();
	getLegend();
	}
	
	

	
function toggleThemes(id) {
	var show_themes = document.getElementById("show_themes").value;
	var themes = show_themes.split(",");
	var themelist = "";
	var found = 0;
	for (i=0;i<themes.length;i++) {
		if(themes[i]!=id){
			if (themelist!="") {themelist = themelist + ",";}
			themelist = themelist + themes[i];
			}
		else {
			found = 1;
			document.getElementById("ltarrow-" + id).src = "../images/arrow-right.gif";
			}
		}
	if (found<1) {		
		if (themelist!="") {themelist = themelist + ",";}
		themelist = themelist + id;
		document.getElementById("ltarrow-" + id).src = "../images/arrow-down.gif";
		}
	var show_themes = document.getElementById("show_themes");
	show_themes.value = themelist;
	var view = document.getElementById("view");
	view.value = 0;	
	getMap();	
	getLegend();
	}	
	
	
function addSearchedLayer(id) {
	if (!id) {
		id = 0;
	}
	var lid = document.getElementById("l-" + id);
	if (lid) {lid.checked = true;}
	var show_layers = document.getElementById("show_layers").value;
	var layers = show_layers.split(",");
	var found = 0;
	for (i=0;i<layers.length;i++) {
		if(layers[i]==id) {
			found = 1;
		}
	}
	if (found<1) {		
		if (layers!="") {layers = layers + ",";}
		layers = layers + id;
	}
	var show_layers = document.getElementById("show_layers");
	show_layers.value = layers;
	getLegend();	
}	
	
	
	
function toggleLayers(id) {
	if (!id) {
		id = 0;
		}
	var show_layers = document.getElementById("show_layers").value;
	var layers = show_layers.split(",");
	var layerlist = "";
	var found = 0;
	for (i=0;i<layers.length;i++) {
		if(layers[i]!=id){
			if (layerlist!="") {layerlist = layerlist + ",";}
			layerlist = layerlist + layers[i];
			}
		else {
			found = 1;
			// document.getElementById("layer" + id).src = "../images/label-disabled.gif";
			}
		}
	if (found<1) {		
		if (layerlist!="") {layerlist = layerlist + ",";}
		layerlist = layerlist + id;
		// document.getElementById("layer" + id).src = "../images/label.gif";
		}
	var show_layers = document.getElementById("show_layers");
	show_layers.value = layerlist;
	var active_pane = document.getElementById("active_pane");
	if (active_pane.value=="pane2") {
		var view = document.getElementById("view");
		view.value = 0;
		}
	if (active_pane.value=="pane1") {
		var category = document.getElementById("category");
		category.value = "all";
		getLayers();
		}	
	}	
	
function updateLayers(status) {
	if (status!="cancel") {
		getMap();
		getLegend();
	}
	displayPane('pane1');
}		
	
	
function toggleLabels(id) {
	if (!id) {
		id = 0;
		}
	var show_labels = document.getElementById("show_labels").value;
	var labels = show_labels.split(",");
	var labellist = "";
	var found = 0;
	for (i=0;i<labels.length;i++) {
		if(labels[i]!=id){
			if (labellist!="") {labellist = labellist + ",";}
			labellist = labellist + labels[i];
			}
		else {
			found = 1;
			if (id!=0) {
			if (document.getElementById("label" + id)) {
				document.getElementById("label" + id).src = "../images/label.gif";
				}
			if (document.getElementById("vlabel" + id)) {
				document.getElementById("vlabel" + id).src = "../images/label.gif";
				}
				}
			}
		}
	if (found<1) {		
		if (labellist!="") {labellist = labellist + ",";}
		labellist = labellist + id;
		if (id!=0) {
			if (document.getElementById("label" + id)) {
				document.getElementById("label" + id).src = "../images/label-on.gif";
				}
			if (document.getElementById("vlabel" + id)) {
				document.getElementById("vlabel" + id).src = "../images/label-on.gif";
				}
			}
		}
	var show_labels = document.getElementById("show_labels");
	show_labels.value = labellist;	
	getMap();
	}


function switchCategory() {
	var catselect = document.getElementById("category");
	var layer = "";
	var layerid = "";
	var catrows = catselect.length;
	for (i=0;i<catrows;i++) {
		var id = catselect.options[i].value;
		layerid = "layer-" + id;
		layer = document.getElementById(layerid);
		if (layer) {
			if (i!=catselect.selectedIndex&&catselect.value!="all") {
				layer.style.display="none";
				}
			else {
				layer.style.display="block";
				}
			}			
		}
	}


function showCategory(cat_id) {
	var cat = "cat-" + cat_id;
	var cat_layers = "layer-" + cat_id;
	cat = document.getElementById(cat);
	cat_layers = document.getElementById(cat_layers);
	if (cat_layers.style.display=="block") {
		cat.style.backgroundImage="url(../images/category_col.gif)";
		cat_layers.style.display="none";
		}
	else {
		cat.style.backgroundImage="url(../images/category_exp.gif)";
		cat_layers.style.display="block";
		}
	}


function pan(dir) {
	var pan_dir = document.getElementById("ui_pan");
	pan_dir.value = dir;
	getMap();
	}
	
	
function popupMetadata(layer_id)
{
	var x;
	var y;
	var width = 400;
	var height = 400;
	if (screen) x = (screen.width - width) / 4;
	if (screen) y = (screen.height - height) /4;
	if (x<0) x=0;
	if (y<0) y=0;	
	var url = "/metadata.php?id=" + layer_id;
	var ParcelDetailWindow = window.open(url,
		"ParcelDetailWindow",
		"toolbar=no,location=no,directories=no,status=no,menubar=no," +
		"scrollbars=yes,resizable=yes,hotkeys=no,width=" + width + ",height=" + height + "," +
		"screenx=" + x + ",screeny=" + y + ",left=" + x + ",top=" + y);

	ParcelDetailWindow.focus();
}
	
function popupDetail(layer_id,key,width,height)
{
	var x;
	var y;
	if (!width) {width = 400;}
	if (!height) {height = 400;}
	if (screen) x = (screen.width - width) / 4;
	if (screen) y = (screen.height - height) /4;
	if (x<0) x=0;
	if (y<0) y=0;	
	var url = "http://kedzie.cnt.org/mapserver/greenmapping/detail.php?layer=" + layer_id + "&key=" + key;
	var ParcelDetailWindow = window.open(url,
		"ParcelDetailWindow",
		"toolbar=no,location=no,directories=no,status=no,menubar=no," +
		"scrollbars=yes,resizable=yes,hotkeys=no,width=" + width + ",height=" + height + "," +
		"screenx=" + x + ",screeny=" + y + ",left=" + x + ",top=" + y);

	ParcelDetailWindow.focus();
}

function toggleControlMenu(menu) {
  	var menu = document.getElementById(menu);
		if (menu.style.display == 'block') {
	  menu.style.display = 'none';
		} else {
	  menu.style.display = 'block';
		}		
	}

function toggleReferenceMap() {
		var refmap = document.getElementById("refmap");
	if (refmap_status=="up") {
  	//Effect.SlideDown('refmap');
		refmap.style.display = "block";
		refmap_status = "down";
		} 
	else {
  	//Effect.SlideUp('refmap');
		refmap.style.display = "none";
		refmap_status = "up";
		}		
	}
	
function trimString (str) {
  str = this != window? this : str;
  return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}

function findGeography() {
	hourglass();	
	var geography = document.getElementById("geography").value; if (geography=="") {geography="";}
	var geography_id = document.getElementById("q").value; if (geography_id=="") {geography_id="";}
	geography_id = trimString(geography_id);	// trim possible carriage return for Safari
	document.getElementById("q").value = geography_id;	// trim possible carriage return for Safari
	addSearchedLayer(geography);
	var url = "/mapserver/geosearch.php?findit=1&geography=" + geography + "&q=" + geography_id;
	url = url + "&ms=" + new Date().getTime();
  var httpGeo = getHTTPObject(); // We create the HTTP Object
  httpGeo.open("GET", url, true);
  httpGeo.onreadystatechange = function() {
	  if (httpGeo.readyState == 4) {      
			var isGeoValid = httpGeo.responseText;
			isGeoValid = isGeoValid.split(",");
			isGeoValid = isGeoValid[0];
			if (isGeoValid=="true") {	
				getMap('find');
				}
			else {
				alertWindow('open', 1);
				}
			hourglass('stop');
	  	}
 		}
	httpGeo.send(null);
	}
	
function locateLayer(layer_id) {
	var zoom_to = document.getElementById("zoom_to"); 
	zoom_to.value = layer_id;
	getMap();
	getLegend();
	}

function getMap(findit) {
	hourglass();	
	var scale = document.getElementById("ui_scale").value; if (scale=="") {scale=scale_default;}
	var zoom_to = document.getElementById("zoom_to").value; if (zoom_to=="") {zoom_to="";}
	var geography = document.getElementById("geography").value; if (geography=="") {geography="";}
	var geography_id = document.getElementById("q").value; if (geography_id=="") {geography_id="";}
	var center_lat = document.getElementById("center_lat").value; if (center_lat=="") {center_lat="";}
	var center_lng = document.getElementById("center_lng").value; if (center_lng=="") {center_lng="";}
	var pinpoint_lat = document.getElementById("ui_pinpoint_lat").value; if (pinpoint_lat=="") {pinpoint_lat="";}
	var pinpoint_lng = document.getElementById("ui_pinpoint_lng").value; if (pinpoint_lng=="") {pinpoint_lng="";}
	var pan_dir = document.getElementById("ui_pan").value; if (pan_dir=="") {pan_dir="";}
	var pixx = document.getElementById("ui_pixx").value; if (pixx=="") {pixx="";}
	var pixy = document.getElementById("ui_pixy").value; if (pixy=="") {pixy="";}
	var layers = document.getElementById("show_layers").value; if (layers=="") {layers="";}
	var labels = document.getElementById("show_labels").value; if (labels=="") {labels="";}
	var themes = document.getElementById("show_themes").value; if (themes=="") {themes="";}
  var url = "/mapserver/map_xml.php?scale=" + scale + "&center_lat=" + center_lat + "&center_lng=" + center_lng;
	if (zoom_to) { url = url + "&zoom_to=" + zoom_to;}
	if (pinpoint_lat && pinpoint_lng) { url = url + "&lat=" + pinpoint_lat + "&lng=" + pinpoint_lng; }
	if (pan_dir) { url = url + "&pan=" + pan_dir;}
	if (pixx && pixy) { url = url + "&pixx=" + pixx + "&pixy=" + pixy;}
	if (layers) { url = url + "&layers=" + layers;}
	if (labels) { url = url + "&labels=" + labels;}
	if (themes) { url = url + "&themes=" + themes;}
	if (geography_id!="") { url = url + "&geography=" + geography + "&geography_id=" + geography_id; }
	if (findit) { url = url + "&findit=1"; }
	url = url + "&ms=" + new Date().getTime();
  var httpMap = getHTTPObject(); // We create the HTTP Object
  httpMap.open("GET", url, true);
  httpMap.onreadystatechange = function() {
	  if (httpMap.readyState == 4) {      
			var xmlDocument = httpMap.responseXML; 
			// set map image
			var map = xmlDocument.getElementsByTagName("map").item(0);
			var mapHref = map.attributes[0].nodeValue;
			// set scalebar
			var scalebar = xmlDocument.getElementsByTagName("scalebar").item(0);
			var scalebarHref = scalebar.attributes[0].nodeValue;
			// set reference map
			var refmap = xmlDocument.getElementsByTagName("refmap").item(0);
			var refmapHref = refmap.attributes[0].nodeValue;
			// set legend
			var legend = xmlDocument.getElementsByTagName("legend").item(0);
			var legendHref = legend.attributes[0].nodeValue;
			// set scale
			var scale = xmlDocument.getElementsByTagName("scale").item(0);
			scale = scale.childNodes[0].nodeValue;
			// get center
			var center = xmlDocument.getElementsByTagName("center").item(0);
			// set center lat
			var center_lat = center.getElementsByTagName("lat").item(0);
			center_lat = center_lat.childNodes[0].nodeValue;
			// set center lng
			var center_lng = center.getElementsByTagName("lng").item(0);
			center_lng = center_lng.childNodes[0].nodeValue;
			// set min and max lat, min and max lng
			var edge = xmlDocument.getElementsByTagName("edge").item(0);
			if (edge.childNodes.length>2) {
				var lat_min = edge.childNodes[1].childNodes[1].childNodes[0].nodeValue;
				var lat_max = edge.childNodes[1].childNodes[3].childNodes[0].nodeValue;
				var lng_min = edge.childNodes[3].childNodes[1].childNodes[0].nodeValue;
				var lng_max = edge.childNodes[3].childNodes[3].childNodes[0].nodeValue;
				}
			else {
				var edge = xmlDocument.getElementsByTagName("edge").item(0);
				var lat_min = edge.childNodes[0].childNodes[0].childNodes[0].nodeValue;
				var lat_max = edge.childNodes[0].childNodes[1].childNodes[0].nodeValue;
				var lng_min = edge.childNodes[1].childNodes[0].childNodes[0].nodeValue;
				var lng_max = edge.childNodes[1].childNodes[1].childNodes[0].nodeValue;
				}
			// get pinpoint
			var pinpoint = xmlDocument.getElementsByTagName("pinpoint").item(0);
			if (pinpoint) {
			// set pinpoint lat
			var pinpoint_lat = pinpoint.getElementsByTagName("lat").item(0);
			pinpoint_lat = pinpoint_lat.childNodes[0].nodeValue;
			// set pinpoint lng
			var pinpoint_lng = pinpoint.getElementsByTagName("lng").item(0);
			pinpoint_lng = pinpoint_lng.childNodes[0].nodeValue;
			}
			else {
			var pinpoint_lat = "";
			var pinpoint_lng = "";
			}
			// do something good with those values 
			var mapImage = document.getElementById("map-image");
			mapImage.style.backgroundImage="url(" + mapHref + ")";
			var scalebarImage = document.getElementById("scalebar");
			scalebarImage.style.backgroundImage="url(" + scalebarHref + ")";
			var refmapImage = document.getElementById("refmap");
			refmapImage.style.backgroundImage="url(" + refmapHref + ")";
			//var legendImage = document.getElementById("legend");
			//legendImage.style.backgroundImage="url(" + legendHref + ")";
			var scaleval = document.getElementById("ui_scale");
			scaleval.value = scale;
			var latval = document.getElementById("center_lat");
			latval.value = center_lat;
			var lngval = document.getElementById("center_lng");
			lngval.value = center_lng;
			var pinpoint_latval = document.getElementById("ui_pinpoint_lat");
			pinpoint_latval.value = pinpoint_lat;
			var pinpoint_lngval = document.getElementById("ui_pinpoint_lng");
			pinpoint_lngval.value = pinpoint_lng;
			var pan = document.getElementById("ui_pan");
			pan.value = "";
			var zoom_to = document.getElementById("zoom_to");
			zoom_to.value = "";
			document.getElementById("lat_min").value = lat_min;
			document.getElementById("lat_max").value = lat_max;
			document.getElementById("lng_min").value = lng_min;
			document.getElementById("lng_max").value = lng_max;
			repositionMap();
			setActiveScale(scale);
			updateLink();
			updatePrintableLink();
			hourglass('stop');
	  	}
 		}
	httpMap.send(null);
	}


function setActiveScale(scale) {
		for (i=1;i<11;i++) {
			document.getElementById("z" + i).parentNode.className = "z";
			}
		var activescale = document.getElementById("z" + scale);
		activescale.parentNode.className="za";
		}


function getView() {
	var view = document.getElementById("view").value;
	var lock_geo = document.getElementById("lock_geo");
	var vn;
	var vv;
	if (view!=0) {
		hourglass();
		var vars = view.split("&");
		for (var i=0;i<vars.length;i++) {
			var pair = vars[i].split("=");
			vn = pair[0];
			vv = pair[1];
			if (lock_geo.checked==false || (vn!="ui_scale" && vn!="center_lat" && vn!="center_lng")) {
				document.getElementById(vn).value = vv;
			}
		}
		document.getElementById("view").value = view;
		getViewOrg();
		getMap();
		getLegend();
		displayPane('pane1');
		updateLink();
		updatePrintableLink();
		hourglass('stop');
	}
}	

function checkViewID() {
	var view_id = document.getElementById("view_id").value;
	}
	


function getViewOrg() {
	var view_id = document.getElementById("view_id").value;
	if (view_id>0) {
		hourglass();
  	var url = "/mapserver/view_org.php?view_id=" + view_id;
  	var httpOrg = getHTTPObject(); // We create the HTTP Object	
  	httpOrg.open("GET", url, true);
  	httpOrg.onreadystatechange = function() {
	 	  if (httpOrg.readyState == 4) {     
				var DivElement =  document.getElementById("org");
				DivElement.innerHTML = httpOrg.responseText; 
				hourglass('stop');
	  	}
 		}
		httpOrg.send(null);
		}
	}


function getViewDescription() {
	var view_id = document.getElementById("view_id").value;
	if (view_id>0) {
		hourglass();
  	var url = "/mapserver/view_description.php?view_id=" + view_id;
  	var httpVdesc = getHTTPObject(); // We create the HTTP Object	
  	httpVdesc.open("GET", url, true);
  	httpVdesc.onreadystatechange = function() {
	 	  if (httpVdesc.readyState == 4) {     
				var DivElement =  document.getElementById("legend");
				DivElement.innerHTML = httpVdesc.responseText; 
				hourglass('stop');
	  	}
 		}
		httpVdesc.send(null);
		}
	}




function getLegend() {
	hourglass();
	var scale = document.getElementById("ui_scale").value; if (scale=="") {scale=scale_default;}
	var lat = document.getElementById("center_lat").value; if (lat=="") {lat="";}
	var lng = document.getElementById("center_lng").value; if (lng=="") {lng="";}
	var layers = document.getElementById("show_layers").value; if (layers=="") {layers="";}
	var labels = document.getElementById("show_labels").value; if (labels=="") {labels="";}
	var themes = document.getElementById("show_themes").value; if (themes=="") {themes="";}
  var url = "/mapserver/map_legend.php?scale=" + scale + "&lat=" + lat + "&lng=" + lng;
	if (layers) { url = url + "&layers=" + layers;}
	if (labels) { url = url + "&labels=" + labels;}
	if (themes) { url = url + "&themes=" + themes;}
	url = url + "&ms=" + new Date().getTime();
  var httpLegend = getHTTPObject(); // We create the HTTP Object	
  httpLegend.open("GET", url, true);
  httpLegend.onreadystatechange = function() {
	  if (httpLegend.readyState == 4) {     
		var DivElement =  document.getElementById("legend");
		DivElement.innerHTML = httpLegend.responseText; 
		hourglass('stop');
	  }
 }
	httpLegend.send(null);
}

function showAddLayers() {
	var i = 0;
	}

function displayPane(ap) {
	var active_pane = document.getElementById("active_pane");
	if (ap) {
		active_pane.value = ap;
	} 
	else {
		ap = active_pane_default;
		active_pane.value = ap;
	}
	var pane1 = document.getElementById("pane1");
	var pane2 = document.getElementById("pane2");
	if(active_pane.value == "pane2") {
		pane2.style.display = "block";
		pane1.style.display = "none";
	}
	else {
		pane2.style.display = "none";
		pane1.style.display = "block";
	}
	if (active_pane.value=="pane1") {
		var view = document.getElementById("view");
		if (view.value==0) {
			}
		getLayers();
		}
	}
	
	
function getViewLayers() {
	hourglass();
	var view = document.getElementById("view").value;
	var layers = document.getElementById("show_layers").value; if (layers=="") {layers="";}
	var labels = document.getElementById("show_labels").value; if (labels=="") {labels="";}
  var url = "/mapviews.php?view=" + view;
	if (layers) { url = url + "&layers=" + layers;}
	if (labels) { url = url + "&labels=" + labels;}
	url = url + "&ms=" + new Date().getTime();
  var httpViewLayers = getHTTPObject(); // We create the HTTP Object	
  httpViewLayers.open("GET", url, true);
  httpViewLayers.onreadystatechange = function() {
	  if (httpViewLayers.readyState == 4) {     
		var views =  document.getElementById("viewlayers");
		views.innerHTML = httpViewLayers.responseText; 
		readViewLayers();
		updateLink();
		updatePrintableLink();
		hourglass('stop');
	  }
 }
	httpViewLayers.send(null);
}
	
function readViewLayers() {
	var layers = document.getElementsByName("vlids");
	var layerlist = "";
	for (i=0;i<layers.length;i++) {
	if(layers[i].checked==true){
	 if (layerlist!="") {layerlist = layerlist + ",";}
		layerlist = layerlist + layers[i].value;
		found = 1;
		}
	var show_layers = document.getElementById("show_layers");
	show_layers.value = layerlist;	
	}
	var view = document.getElementById("view").value;
	if (view>0) {
		getMap();
		}
	}



	
function getLayers() {
	hourglass();
	var category = document.getElementById("category").value;
	var layers = document.getElementById("show_layers").value; if (layers=="") {layers="";}
	var labels = document.getElementById("show_labels").value; if (labels=="") {labels="";}
  var url = "/maplayers.php?category=" + category;
	if (layers) { url = url + "&layers=" + layers;}
	if (labels) { url = url + "&labels=" + labels;}
	url = url + "&ms=" + new Date().getTime();
  var httpLayers = getHTTPObject(); // We create the HTTP Object	
  httpLayers.open("GET", url, true);
  httpLayers.onreadystatechange = function() {
	  if (httpLayers.readyState == 4) {     
		var layers =  document.getElementById("layers");
		layers.innerHTML = httpLayers.responseText; 
		updateLink();
		updatePrintableLink();
		hourglass('stop');
	  }
 }
	httpLayers.send(null);
}
		
		
	
function alertWindow(status, message) {
	if (status=='close') {
		var aw = document.getElementById("alertwindow");
		aw.style.display = 'none';
		}
	else {
		var url = "/alert-window.php" + "?message=" + message + "&ms=" + new Date().getTime();
		var httpAlert = getHTTPObject(); // We create the HTTP Object
		httpAlert.open("GET", url, true);
		httpAlert.onreadystatechange = function() {
			if (httpAlert.readyState == 4) {
			var result = httpAlert.responseText;
			var DivElement = document.getElementById("overlay");
			DivElement.innerHTML = result;
			var aw = document.getElementById("alertwindow");
			aw.style.display = 'block';
			}
		}
		httpAlert.send(null);  
		}
	}