// relative

var rootUrl = './';
var server = './webservices/';

var user = new User();
var layerArray = new Array(); // Array of Layer objects
var mapArray = new Array(); // Array of Map objects
var mapArrayIndex;
var mapLoaded = false; //determines whether the map info has been returned

var sizing = false;
var arrPoints = new Array();
var moving;
var selectMode = 0; //0 - make new selection, 1 - add to/remove from selection (not yet implemented)
var pixelTolerance = 2; //pixel tolerance used for selecting by point
var multiSelectTolerance = 10;
var zoomTolerance = 250;//envelope size when zooming to a point
var prevState = 'ZOOMIN';//store the previous state so we can switch back if needed

var browser; // Browser
var map; // Map
var draw; // Draw
var toolTip; // FeatureToolTip
var queryBuilder; // QueryBuilder
var feature; // Feature
var spatialFilter; // SpatialFilter
var find; // Find

var x1;
var y1;
var x2;
var y2;

//******************Zoom Slider******************************
var zs = new ZoomSlider();
zs.Mode = 0;//0 - Fixed Scale, 1 - Fixed Width. sets how the zoom slider bar works
zs.Orientation = 0;//0 - horizontal, 1 - vertical.
zs.WidthUnits = "MILES";

zs.ScaleArray[0] = 100;
zs.ScaleArray[1] = 200;
zs.ScaleArray[2] = 500;
zs.ScaleArray[3] = 1000;
zs.ScaleArray[4] = 1800
zs.ScaleArray[5] = 2500;
zs.ScaleArray[6] = 5000;
zs.ScaleArray[7] = 10000;
zs.ScaleArray[8] = 20000;


zs.ScaleLabelArray = zs.ScaleArray;

zs.WidthArray[0] = 0.1;
zs.WidthArray[1] = 0.2;
zs.WidthArray[2] = 0.3;
zs.WidthArray[3] = 0.5;
zs.WidthArray[4] = 1;
zs.WidthArray[5] = 2;
zs.WidthArray[6] = 5;
zs.WidthArray[7] = 10;
zs.WidthArray[8] = 15;
zs.WidthArray[9] = 20;
zs.WidthArray[10] = 30;
zs.WidthArray[11] = 50;
zs.WidthArray[12] = 100;
zs.WidthArray[13] = 200;
zs.WidthArray[14] = 500;

zs.WidthLabelArray = zs.WidthArray;
//****************************************************

function calcDistance(x1,y1,x2,y2)
{
	var dist;
	var thescale = (map.getMaxX() - map.getMinX()) / map.MapWidth;
	dist = Math.sqrt(Math.pow((thescale * (x2 - x1)),2) + Math.pow((thescale * (y2 - y1)),2));
 	return dist;
}
 
function calcArea(arr,x,y)
{
	var arrX = new Array();
	
	for( var z = 0; z < arr.length; z++ )
	{
		arrX.push(arr[z]);
	}
	
	if( x && y )
		arrX.push(x + "," + y);
	
	var area = 0;
	
	for( var i = 0; i < arrX.length; i++ )
	{
		if(i == arrX.length - 1)
			area += (arrX[i].split(',')[0] * arrX[0].split(',')[1] - arrX[0].split(',')[0] * arrX[i].split(',')[1]);
		else
			area += (arrX[i].split(',')[0] * arrX[i + 1].split(',')[1] - arrX[i + 1].split(',')[0] * arrX[i].split(',')[1]);
	}
	
	area = 0.5 * area; // in pixels
	
	//Convert Square Pixels to Square Map Units
	var unitsPerPixel = (map.getMaxX() - map.getMinX()) / map.MapWidth;
	area = area * Math.pow(unitsPerPixel,2);
	
	return Math.abs(area);//in map units
}

function resizeElements()
{
	divTabsTop = 75;
	divMapTop = 75;
	divMapLeft = 5;
	divTabsWidth = 330;
	
	divTabsTop = 75;
	divMapTop = 75;
	divMapLeft = 5;
	divTabsWidth = 330;
	
	//divTools.style.width = document.body.clientWidth - 15;
	
	divMap.style.height = document.body.clientHeight - divMapTop - 63;
	divMap.style.width = document.body.clientWidth - 330 - 20;
	divTabs.style.left = parseInt(divMap.style.width) + 10;
	
	map.MapWidth = parseInt(divMap.style.width);
	map.MapHeight = parseInt(divMap.style.height);
	map.MapLeft = parseInt(divMapLeft);
	map.MapTop = parseInt(divMapTop);
	divMapImage.style.width = map.MapWidth;
	divMapImage.style.height = map.MapHeight;
	mapImage.style.width = map.MapWidth;
	mapImage.style.height = map.MapHeight;
	
	divZoomSlider.style.width = map.MapWidth;
	divZoomSlider.style.top = map.MapTop + map.MapHeight + 5;
	
	divTabs.style.height = 45 + parseInt(divMap.style.height) + 12;
	
	divLayers.style.height = parseInt(divTabs.style.height) - 35;
	divLayersList.style.height = parseInt(divTabs.style.height) - 35 - 37;
	
	divInformation.style.height = parseInt(divTabs.style.height) - 35;
	divInformationList.style.height = parseInt(divTabs.style.height) - 35 - 60;
	divInformationMessage.style.height = parseInt(divTabs.style.height) - 35 - 60;
	
	divResults.style.height = parseInt(divTabs.style.height) - 35;
	divResultsList.style.height = parseInt(divTabs.style.height) - 35 - 60;
	divDetailsList.style.height = parseInt(divTabs.style.height) - 35 - 60;
	
	divSearch.style.height = parseInt(divTabs.style.height) - 35;
	divParcelSearchList.style.height = parseInt(divTabs.style.height) - 35 - 40;
	
	divLegend.style.height = parseInt(divTabs.style.height) - 35;
	
	draw.resizeElements();
}

function showLoading()
{
	loading.style.left = (document.body.clientWidth/2 - parseInt(loading.style.width) /2 + document.body.scrollLeft)
	loading.style.top = (document.body.clientHeight/2 - parseInt(loading.style.height) /2 + document.body.scrollTop)
	loading.style.visibility = "visible";
}

function init()
{
	browser = new Browser();
	feature = new Feature();
	spatialFilter = new SpatialFilter();
	map = new Map();
	draw = new Draw(browser, "draw");
	draw.writeHtml();

	draw.setState("ZOOMIN");
	resizeElements();
	
	find = new Find();
	
	// login the current user
	user.userLogin();
	
	// load query builder html
	queryBuilder = new QueryBuilder("divQueryBuilder");
	
	var layer = new Layer();
	layer.getSearchableLayers();
	
	// load layer list, which will call the first map once finished
	layer.loadLayerList();
	
	toolTip = new FeatureToolTip("divFeatureToolTip");
	toolTip.updateFeatureToolTipStatus();
	
	zs.createHTML();
}

function setActiveLayerNoClick(layerPosition)
{
	if( map.ActiveLayer )
		eval("lyr" + map.ActiveLayer).className = "layerNormal";
		
	eval("lyr" + layerPosition).className = "layerActive";
	map.ActiveLayer = layerPosition;
}

function setActiveLayer(layerPosition)
{
	if( browser.isInternetExplorer() )
	{
		if( event && event.srcElement.tagName == "INPUT" )
			return;
	}
		
	if( map.ActiveLayer )
		eval("lyr" + map.ActiveLayer).className = "layerNormal";
		
	eval("lyr" + layerPosition).className = "layerActive";
	map.ActiveLayer = layerPosition;
}

function getActiveLayerId()
{
	var layer;
	
	for( var i = 0; i < layerArray.length; i++ )
	{
		layer = layerArray[i];
		
		if( map.ActiveLayer == layer.LayerPosition )
			return layer.Name;
	}
}


function changeLayerVisible(layerName)
{
	// find layer in "layerArray" and set its visibility 
	// to the the opposite of its current setting
	var layer;
	
	for( var i = 0; i < layerArray.length; i++ )
	{
		layer = layerArray[i];
		
		if( layer.Name == layerName )
		{
			// found layer, change it's visibility setting
			if( layer.IsVisible )
				layer.IsVisible = false;
			else if( !layer.IsVisible )
				layer.IsVisible = true;
		}
	}
}

function updateVisibleLayers()
{
	showLoading();
	
	// send request to web service to get new map
	map.getMap(draw.state, map.getMinX(), map.getMinY(), map.getMaxX(), map.getMaxY(), false);
}

function getVisibleLayerString()
{
	// take "layerArray" and send request back to server for new list
	// of layers to be visible.  this list also includes spatial filters (aka, cloned layers)
	// ?layers=Elevation,true$Polygon,123,345,456,678
	// ?layers=Parcels,true$Buffer,OBJECTID,DIST,UNITS,TARGET_LAYER,ACTIVE_LAYER
	var layerString = "";
	var layer;
	
	for( var i = 0; i < layerArray.length; i++ )
	{
		layer = layerArray[i];
		layerString += layer.Name + "," + layer.IsVisible;
		
		if( layer.SpatialFilter != null )
		{
			var spatialFilter = layer.SpatialFilter;
			
			if( spatialFilter.Type != null )
			{
				if( spatialFilter.Type != "Buffer" )
					layerString += "$" + spatialFilter.Type + "," + spatialFilter.Points;
				else
					layerString += "$" + spatialFilter.Type + "," + spatialFilter.Buffer.ObjectId + "," + spatialFilter.Buffer.BufferUnits + "," + spatialFilter.Buffer.BufferDistance + "," + spatialFilter.Buffer.BufferTarget + "," + spatialFilter.Buffer.ActiveLayer;
			}
		}
		
		layerString += "|";
	}
	
	// remove last pipe "|" from layerString
	layerString = layerString.substr(0, layerString.lastIndexOf('|'));
	return layerString;
}

function calcScale()
{
	var mapScale = (map.getMaxX() - map.getMinX()) / map.MapWidth * 96; //mapunits/inch

	switch(map.Units)
	{
		case 'METERS':
			mapScale = mapScale / 0.0254;
			break;
		
		case 'FEET':
			mapScale = mapScale / 0.0254 * 0.3048;
			break;
		
		case 'MILES':
			mapScale = mapScale / 0.0254 * 0.3048 / 5280;
			break;
	}
	
	map.Scale = mapScale;
}

function checkVisScale()
{
	try
	{
		var chk;
		var layer;
		
		for(var i = 0; i < layerArray.length; i++)
		{
			layer = layerArray[i];
			var layerChk = document.getElementById("chk" + layer.LayerPosition);
			// check for "blank" values
			if(null != layerChk){
				if((parseFloat(layer.MinScale) == -1.0 || parseFloat(layer.MinScale) <= parseFloat(map.Scale))
				&& (parseFloat(layer.MaxScale) == -1.0 || parseFloat(layer.MaxScale) >= parseFloat(map.Scale)) )
				{
					// enable
					layerChk.disabled = false;
				}
				else
				{
					// set chk to disabled
					layerChk.disabled = true;
				}
			}
		}
	}
	catch(e) {;}
}

function collapseLayerGroup(group)
{
	var tbody = document.getElementById(group);
	var img = document.getElementById(group + "img");
	
	if( img.src.indexOf('minus') != -1 )
		img.src = "images/plus.gif";
	else
		img.src = "images/minus.gif";
		
	if( tbody.style.display == 'none')
	{
		if( !browser.isInternetExplorer() )
			tbody.style.display = 'table-row-group';
		else
			tbody.style.display = 'block';
	}
	else
		tbody.style.display = 'none';
}

// command: SELECTRECT, SELECTLINE, SELECTPOLY
function spatialSelect(command, points, isZoomTo)
{
	//clear current spatial filters, if necessary
	if( selectMode == 0 )
		draw.clearSelection(false);

	// "clone" active layer (add to SpatialFilter array of layer object in layerArray)
	if( map.ActiveLayer != "" )
	{
		var layer;
		
		for( var i = 0; i < layerArray.length; i++ )
		{
			layer = layerArray[i];
			
			if( layer.LayerPosition == map.ActiveLayer )
			{
				// set that spatial filter object's "type" and "points"
				spatialFilter = new SpatialFilter();
				spatialFilter.Points = "";
				
				// parse out points array, convert to map units, store in string using ',' to delim
				for( var x = 0; x < points.length; x++ )
				{
					var strx = points[x].split(',')[0];
					var stry = points[x].split(',')[1];
					
					if( isZoomTo )
						spatialFilter.Points += strx + "," + stry + ",";
					else
						spatialFilter.Points += convertMapPoints(strx, stry);
				}
				
				spatialFilter.Points = spatialFilter.Points.substr(0, spatialFilter.Points.lastIndexOf(','));
				
				if( command == "SELECTRECT" )
					spatialFilter.Type = "Polygon";
				else if( command == "SELECTLINE" )
					spatialFilter.Type = "Line";
				else if( command == "SELECTPOLY" )
					spatialFilter.Type = "Polygon";
					
				layer.SpatialFilter = spatialFilter;
				break;
			}
		}
		
		// send request for spatial filter data
		spatialFilter.getSpatialFilterResults();
		
		// send request to server using map.getMap() call
		//map.getMap(draw.state, map.getMinX(), map.getMinY(), map.getMaxX(), map.getMaxY(), true);
	}
}

function collapseFeatureData(featureID, fieldsLength)
{
	
	var img = document.getElementById(featureID + "img");
	var tbody = document.getElementById(featureID + "tbody");
	

	if( img.src.indexOf('minus') != -1 )
		img.src = "images/plus.gif";
	else
		img.src = "images/minus.gif";
	
	if( tbody.style.display == 'none' || tbody.style.display == '')
	{	
	
		if( !browser.isInternetExplorer() )
			tbody.style.display = 'table-row-group';
		else
			tbody.style.display = 'block';
	}
	else
		tbody.style.display = 'none';
	
}

function convertMapPoints(x, y)
{
	x = (map.getMinX() * 1) + (x * (map.getMaxX() - map.getMinX())/map.MapWidth);
	y = map.getMaxY() - (y * (map.getMaxY() - map.getMinY())/map.MapHeight);
	
	return x + "," + y + ",";
}

function activateTab(tabID)
{	
	for( var i = 0; i < tblTabs.getElementsByTagName("td").length; i++ )
	{
		id = tblTabs.getElementsByTagName("td")[i].id;
		divid = id.replace("tab","div");
		
		if( id == tabID )
		{
			eval(id).className = "tabActive";
			eval(divid).style.display = "block";
		}
		else
		{
			eval(id).className = "tabNormal";
			eval(divid).style.display = "none";
		}
	}
}

function zoomToScale(scale)
{
	
	dx = map.getMaxX() - map.getMinX();
	dy = map.getMaxY() - map.getMinY();
	centerX = map.getMaxX() - dx / 2;
	centerY = map.getMaxY() - dy / 2;
	
	scale = scale / map.Scale;
	dx = dx * scale / 2;
	dy = dy * scale / 2;
	
	map.getMap("ZOOMIN", (centerX - dx), (centerY - dy), (centerX + parseFloat(dx)), (centerY + parseFloat(dy)), true)
}

function convertDistanceUnits(inputDistance, inputUnits, outputUnits)
{
	var outputDistance;
	
	//Convert everything to METERS
	switch(inputUnits)
	{
		case "METERS":
			outputDistance = inputDistance;
			break;
		case "FEET":
			outputDistance = inputDistance * 0.3048;
			break;
		case "MILES":
			outputDistance = inputDistance * 5280 * 0.3048;
			break;
		case "INCHES":
			outputDistance = inputDistance / 12 * 0.3048;
			break;		
	}
	
	//Convert METERS to OUTPUT UNITS
	switch(outputUnits)
	{
		case "METERS":
			outputDistance = outputDistance;
			break;
		case "FEET":
			outputDistance = outputDistance / 0.3048;
			break;
		case "MILES":
			outputDistance = outputDistance / 0.3048 / 5280;
			break;
		case "INCHES":
			outputDistance = outputDistance / 0.3048 * 12;
			break;	
	}
	
	return outputDistance;
}

function convertAreaUnits(inputArea, inputUnits, outputUnits)
{
	var outputArea;
	
	//Convert everything to SQUARE METERS
	switch(inputUnits)
	{
		case "METERS":
			outputArea = inputArea;
			break;
		case "FEET":
			outputArea = inputArea * Math.pow(0.3048,2);
			break;
		case "MILES":
			outputArea = inputArea * Math.pow(5280,2) * Math.pow(0.3048,2);
			break;
		case "INCHES":
			outputArea = inputArea / Math.pow(12,2) * Math.pow(0.3048,2);
			break;
		case "ACRES":
			outputArea = inputArea / 0.000247105 ;
			break;
	}
	
	//Convert SQUARE METERS to OUTPUT UNITS
	switch(outputUnits)
	{
		case "METERS":
			outputArea = outputArea;
			break;
		case "FEET":
			outputArea = outputArea / Math.pow(0.3048,2);
			break;
		case "MILES":
			outputArea = outputArea / Math.pow(0.3048,2) / Math.pow(5280,2);
			break;
		case "INCHES":
			outputArea = outputArea / Math.pow(0.3048,2) * Math.pow(12,2);
			break;
		case "ACRES":
			outputArea = outputArea * 0.000247105 ;
			break;	
	}
	
	return outputArea;
}

function getGeocode(address, crossStreet, county)
{
	
}

function processIdentify()
{
	var objectIds = new Array();
	showLoading();
	
	if(feature.XmlReqIdentify.readyState == 4)
	{
		if(feature.XmlReqIdentify.status == 200)
		{
			// parse response and place data into html table
			var infoTable = document.getElementById("divInformationList");
			infoTable.innerHTML = "";
			
			var response = feature.XmlReqIdentify.responseXML.documentElement;
			var features = response.getElementsByTagName('FEATURES');
			var className = "";
			var html = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" style=\"margin-top:5px;\">";
			
			// get request specific top level values (layer, layerHyperlink, response feature count, hasMore features)
			var layer = features[0].attributes.getNamedItem('layer').nodeValue;
			var layerHyperlink = features[0].attributes.getNamedItem('hyperlink').nodeValue;
			var count = features[0].attributes.getNamedItem('count').nodeValue;
			var hasMore = features[0].attributes.getNamedItem('hasmore').nodeValue;

var clickXY = "X: " + idClickX + " Y: " + idClickY + "<br/>";
			
			if( count == 0 )
			{
				spnInformationInfo.innerHTML = clickXY + "No Features Found";
			}
			else
			{
				if( count == 1 )
					spnInformationInfo.innerHTML = "1 Feature Found";
				else
					spnInformationInfo.innerHTML = count + " Features Found";
			
				// looks at FEATURES elements
				for( var i = 0; i < features.length; i++ )
				{
					// looks at FEATURE elements
					for( var x = 0; x < features[i].childNodes.length; x++ )
					{
						if( features[i].childNodes[x].nodeName == 'FEATURE' )
						{
							var gpin = "";
							var minx = "", miny = "", maxx = "", maxy = "";
							
							// get feature specific top level values (uniqueName, uniqueValue, primaryDisplay)
							var uniqueName = features[i].childNodes[x].attributes.getNamedItem('uniquename').nodeValue;
							var uniqueValue = features[i].childNodes[x].attributes.getNamedItem('uniquevalue').nodeValue;
							var pdisplay = features[i].childNodes[x].attributes.getNamedItem('pdisplay').nodeValue;
							
							if( uniqueValue != "" )
								objectIds.push(uniqueValue);
							
							// get envelope information
							for( var y = 0; y < features[i].childNodes[x].childNodes.length; y++ )
							{
								if( features[i].childNodes[x].childNodes[y].nodeName == 'ENVELOPE' )
								{
									minx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('minx').nodeValue;
									miny = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('miny').nodeValue;
									maxx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxx').nodeValue;
									maxy = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxy').nodeValue;
									
									// setup primary display field in HTML
									html += "<tr class=\"fieldPrimary\">";
									
									if( pdisplay != '' )
										html += "<td>" + layer + ": " + pdisplay + "</td>";
									else
										html += "<td>" + layer + ": " + uniqueValue + "</td>";
									
									html += "<td align=\"right\">";
									
									// check for Parcel layer and add getAdjoiningFeatures link to OBJECTID
									if( layer == 'Real Estate Parcels' )
										html += "<img class=\"featureImage\" src=\"images/adjoiners.gif\" onmousedown=\"spatialFilter.getAdjoiningFeatures('" + uniqueValue + "', 'feet', 1, 'Real Estate Parcels', 'Real Estate Parcels');\" alt=\"Get Adjoining Parcels\" />";
									
									var objectIdHidden = document.getElementById("objectIdHidden");
									objectIdHidden.value = uniqueValue;
									var activeLayerHidden = document.getElementById("activeLayerHidden");
									activeLayerHidden.value = layer;
									var objectIdLayer = document.getElementById("objectIdLayer");
									objectIdLayer.value = layer;
									
									html += "<img class=\"featureImage\" src=\"images/feature_zoom_to.gif\" onmousedown=\"map.zoomToFeature('" + minx + "', '" + miny + "', '" + maxx + "', '" + maxy + "');\" alt=\"Zoom to Feature\" />";
									html += "<img src=\"images/feature_report.gif\" alt=\"Feature Details\" onmousedown=\"feature.getFeatureDetails('" + layer + "','" + uniqueValue + "');\"/>";
									html += "<img class=\"featureImage\" src=\"images/buffer.gif\" alt=\"Buffer Select\" onmousedown=\"document.getElementById('trInformationInfo').style.display='none';document.getElementById('divBuffer').style.display='block';document.getElementById('divInformationList').style.display='none';document.getElementById('divInformationMessage').style.display='none';\" />";
									html += "</td></tr>";
										
								}
								else if( features[i].childNodes[x].childNodes[y].nodeName == 'FIELDGROUP' )
								{
									var fieldGroupName = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('name').value;
									var fieldGroupHyperlink = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('hyperlink').value;
									
									// looks at FIELD elements
									for( var z = 0; z < features[i].childNodes[x].childNodes[y].childNodes.length; z++ )
									{
										if( features[i].childNodes[x].childNodes[y].childNodes[z].nodeName == 'FIELD' )
										{
											var fieldName = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('name').value;
											var fieldAlias = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('alias').value;
											var fieldNameHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('namehyperlink').value;
											var fieldValue = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('value').value;
											fieldValue = fieldValue.replace(/&apos;/,"\'");
											var fieldValueHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('valuehyperlink').value;
											
											// add each field to the HTML
											className = (z % 2 == 1)?"Odd":"Even";
											html += "<tr>";
											
											// add field name (alias)
											if( fieldNameHyperlink != "" )
											{
												html += "<td class=\"fieldValue" + className + "\">";
												html += "<a class=\"fieldLink\" href=\"" + fieldNameHyperlink + "\" target=\"_new\">";
												html += fieldAlias + "</a></td>";
											}
											else
												html += "<td class=\"field" + className + "\">" + fieldAlias + "</td>";
											
											// add field value
											if( fieldValue != null )
											{
												// check for hyperlink!
												if( fieldValueHyperlink != "" )
												{
													html += "<td class=\"fieldValue" + className + "\">";
													html += "<a class=\"fieldLink\" href=\"" + fieldValueHyperlink + "\" target=\"_new\">";
													html += fieldValue + "</a></td>";
												}
												else
													html += "<td class=\"fieldValue" + className + "\">" + fieldValue + "</a></td>";
											}
											else
												html += "<td></td></tr>";
										}
									}
								}
							}
						}
					}
				}
				
				html += "</table>";
				infoTable.innerHTML = html;
			}
			if(objectIds.length > 0)
			{
				var spanHtml = "<br/><span class=\"trInfo\" style=\"font-size:11px\">Export feature data to Excel </span><a href=\"feature_csv.aspx?objectId=";
				for( var n in objectIds)
				{
					spanHtml += objectIds[n] + ",";
				}

				spanHtml += "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";
				spnInformationInfo.innerHTML += spanHtml;
			}			
			
			
			activateTab("tabInformation");
			trInformationInfo.style.display = 'block';
			divInformationMessage.style.display = 'none';
			divInformationList.style.display = 'block';
			divBuffer.style.display = 'none';
			subTabInformationMessage.className = 'subTabNormal';
			subTabInformationList.className = 'subTabActive';
			document.getElementById('loading').style.visibility = 'hidden';
			
			if( hasMore == 'True' )
				alert("This search returned more than the number of features allowed.  Please refine your search for more detailed results.");
		}
	}
}

function processFeatureDetail2()
{
	var objectIds = new Array();
	showLoading();
	
	if(feature.XmlReqDetails.readyState == 4)
	{
		if(feature.XmlReqDetails.status == 200)
		{
			
			// parse response and place data into html table
			var detailsTable = document.getElementById("divDetailsList");
			detailsTable.innerHTML = "";

			
			var response = feature.XmlReqDetails.responseXML.documentElement;
			var features = response.getElementsByTagName('FEATURES');
			var className = "";
			var html = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" style=\"margin-top:5px;\">";
			
			// get request specific top level values (layer, layerHyperlink, response feature count, hasMore features)
			var layer = features[0].attributes.getNamedItem('layer').value;
			var layerHyperlink = features[0].attributes.getNamedItem('hyperlink').value;
			var count = features[0].attributes.getNamedItem('count').value;
			var hasMore = features[0].attributes.getNamedItem('hasmore').value;
			
			spnDetailsInfo.innerHTML = "Feature Details";
			
			// looks at FEATURES elements
			for( var i = 0; i < features.length; i++ )
			{
				// looks at FEATURE elements
				for( var x = 0; x < features[i].childNodes.length; x++ )
				{
					if( features[i].childNodes[x].nodeName == 'FEATURE' )
					{
						var gpin = "";
						var minx = "", miny = "", maxx = "", maxy = "";
						
						// get feature specific top level values (uniqueName, uniqueValue, primaryDisplay)
						var uniqueName = features[i].childNodes[x].attributes.getNamedItem('uniquename').value;
						var uniqueValue = features[i].childNodes[x].attributes.getNamedItem('uniquevalue').value;
						var pdisplay = features[i].childNodes[x].attributes.getNamedItem('pdisplay').value;
						
						objectIds.push(uniqueValue);
						
						for( var y = 0; y < features[i].childNodes[x].childNodes.length; y++ )
						{
							if( features[i].childNodes[x].childNodes[y].nodeName == 'ENVELOPE' )
							{
								// get envelope information
								minx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('minx').value;
								miny = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('miny').value;
								maxx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxx').value;
								maxy = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxy').value;
						
								// setup primary display field in HTML
								html += "<tr class=\"fieldPrimary\">";
								
								if( pdisplay != '' )
									html += "<td>" + layer + ": " + pdisplay + "</td>";
								else
									html += "<td>" + layer + ": " + uniqueValue + "</td>";
									
								html += "<td align=\"right\">";
									
								// check for Parcel layer and add getAdjoiningFeatures link to OBJECTID
								if( layer == 'Real Estate Parcels' )
									html += "<img class=\"featureImage\" src=\"images/adjoiners.gif\" onmousedown=\"spatialFilter.getAdjoiningFeatures('" + uniqueValue + "', 'feet', 1, 'Real Estate Parcels', 'Real Estate Parcels');\" alt=\"Get Adjoining Parcels\" />";
									
								html += "<img class=\"featureImage\" src=\"images/feature_zoom_to.gif\" onmousedown=\"map.zoomToFeature('" + minx + "', '" + miny + "', '" + maxx + "', '" + maxy + "');\" alt=\"Zoom to Feature\" />";
								html += "</td></tr>";
							}
							else if( features[i].childNodes[x].childNodes[y].nodeName == 'FIELDGROUP' )
							{
								var fieldGroupName = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('name').value;
								var fieldGroupHyperlink = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('hyperlink').value;
								
								if( fieldGroupHyperlink != null && fieldGroupHyperlink != '' )
									html += "<tr><td colspan=\"2\" class=\"fieldGroupHeading\"><a href=\"" + fieldGroupHyperlink + "\" target=\"_new\">" + fieldGroupName + "</a></td></tr>";
								else
									html += "<tr><td colspan=\"2\" class=\"fieldGroupHeading\">" + fieldGroupName + "</td></tr>";
								
								// looks at FIELD elements
								for( var z = 0; z < features[i].childNodes[x].childNodes[y].childNodes.length; z++ )
								{
									if( features[i].childNodes[x].childNodes[y].childNodes[z].nodeName == 'FIELD' )
									{
										var fieldName = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('name').value;
										var fieldAlias = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('alias').value;
										var fieldNameHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('namehyperlink').value;
										var fieldValue = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('value').value;
										fieldValue = fieldValue.replace(/&apos;/,"\'");
										var fieldValueHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('valuehyperlink').value;
										
										// add each field to the HTML
										className = (z % 2 == 1)?"Odd":"Even";
										html += "<tr>";
										
										// add field name (alias)
										if( fieldNameHyperlink != "" )
										{
											html += "<td class=\"fieldValue" + className + "\">";
											html += "<a class=\"fieldLink\" href=\"" + fieldNameHyperlink + "\" target=\"_new\">";
											html += fieldAlias + "</a></td>";
										}
										else
											html += "<td class=\"field" + className + "\">" + fieldAlias + "</td>";
										
										// add field value
										if( fieldValue != null )
										{
											// check for hyperlink!
											if( fieldValueHyperlink != "" )
											{
												html += "<td class=\"fieldValue" + className + "\">";
												html += "<a class=\"fieldLink\" href=\"" + fieldValueHyperlink + "\" target=\"_new\">";
												html += fieldValue + "</a></td>";
											}
											else
												html += "<td class=\"fieldValue" + className + "\">" + fieldValue + "</a></td>";
										}
										else
											html += "<td></td></tr>";
									}
								}
							}
						}
					}
				}
			}
			
			html += "</table>";
			detailsTable.innerHTML = html;
		}
		
		if(objectIds.length > 0)
		{
			var spanHtml = "<br/><span class=\"trInfo\" style=\"font-size:11px\">Export feature data to Excel </span><a href=\"feature_csv.aspx?objectId=";
			for( var n in objectIds)
			{
				spanHtml += objectIds[n] + ",";
			}

			spanHtml += "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";
			spnDetailsInfo.innerHTML += spanHtml;
		}			
							
		activateTab("tabResults");
		trResultsInfo.style.display='none';
		trDetailsInfo.style.display='block';
		divResultsList.style.display='none';
		divDetailsList.style.display='block';
		subTabResultsList.className='subTabNormal';
		subTabDetailsList.className='subTabActive';
		document.getElementById('loading').style.visibility = 'hidden';
			
		if( hasMore == 'True' )
			alert("This search returned more than the number of features allowed.  Please refine your search for more detailed results.");
	}
}

function processQueryBuilder()
{
	var objectIds = new Array();
	var groupingSize = 10;
	var resultPagePrefix = "short_report_page_";
		
	if( spatialFilter.XmlReqFilter.readyState == 4 )
	{
		if( spatialFilter.XmlReqFilter.status == 200 )
		{
			// parse response and place data into html table
			var resultTable = document.getElementById("divResultsList");
			resultTable.innerHTML = "";
			
			var response = spatialFilter.XmlReqFilter.responseXML.documentElement;
			var features = response.getElementsByTagName('FEATURES');
			var featureID = "";
			var html = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;\" border=\"0\">";
			
			// get request specific top level values (layer, layerHyperlink, response feature count, hasMore features)
			var layer = features[0].attributes.getNamedItem('layer').value;
			var layerHyperlink = features[0].attributes.getNamedItem('hyperlink').value;
			var count = features[0].attributes.getNamedItem('count').value;
			var hasMore = features[0].attributes.getNamedItem('hasmore').value;
			
			if( count == 0 )
				spnResultsInfo.innerHTML = "No Features Found";
			else if( count == 1 )
				spnResultsInfo.innerHTML = "1 Feature Found";
			else
				spnResultsInfo.innerHTML = count + " Features Found";
			
			var minx1 = 0;
			var miny1 = 0;
			var maxx1 = 0;
			var maxy1 = 0;
			
			// looks at FEATURES elements
			for( var i = 0; i < features.length; i++ )
			{
				var featureCounter = 0;
				// looks at FEATURE elements
				for( var x = 0; x < features[i].childNodes.length; x++ )
				{
					if( features[i].childNodes[x].nodeName == 'FEATURE' )
					{
						var fieldCount = 0;
						var minx = "", miny = "", maxx = "", maxy = "";
							
						// get feature specific top level values (uniqueName, uniqueValue, primaryDisplay)
						var uniqueName = features[i].childNodes[x].attributes.getNamedItem('uniquename').value;
						var uniqueValue = features[i].childNodes[x].attributes.getNamedItem('uniquevalue').value;
						var pdisplay = features[i].childNodes[x].attributes.getNamedItem('pdisplay').value;
						
						objectIds.push(uniqueValue);
						
						// for parcels, need to add 1 to this value
						var totalFieldsInFeature = features[i].childNodes[x].attributes.getNamedItem('fields').value;
						
						if(0 == (featureCounter % groupingSize) && groupingSize > 0){
							var resultPageNumber = parseInt(featureCounter / groupingSize);
							if(0 != featureCounter){
								var hideThis = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-1) + "\').style.display=\'none\';";
								var showPrev = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-2) + "\').style.display=\'\';";
								var showNext = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber) + "\').style.display=\'\';";
								if(featureCounter > groupingSize){
									html+= "<tr><td><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\"><tr><td align=\"left\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showPrev + "return(false);\" value=\"Prev\"></td><td align=\"right\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showNext + "return(false);\" value=\"Next\"></td></tr></table></td></tr>";
								}else{
									html+= "<tr><td colspan=\"2\" align=\"right\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showNext + "return(false);\" value=\"Next\"></td></tr>";
								}
								html+= "<tr><td colspan=\"2\" align=\"center\">Page " + (resultPageNumber) + "</td></tr>";
								html+= "</table>";
								html+= "</div></td></tr>";
							}
							html+= "<tr><td><div id=\"" + resultPagePrefix + resultPageNumber + "\" style=\"display: " + (featureCounter == 0 ? "block" : "none") + ";\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" border=\"0\">";
						}
						featureCounter++;
						
						for( var y = 0; y < features[i].childNodes[x].childNodes.length; y++ )
						{
							if( features[i].childNodes[x].childNodes[y].nodeName == 'ENVELOPE' )
							{
								// get envelope information
								minx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('minx').value;
								if( minx < minx1 || minx1 == 0)
									minx1 = minx;
								miny = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('miny').value;
								if(miny < miny1 || miny1 == 0)
									miny1 = miny;
								maxx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxx').value;
								if(maxx > maxx1 || maxx1 == 0)
									maxx1 = maxx;
								maxy = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxy').value;
								if(maxy > maxy1 || maxy1 == 0)
									maxy1 = maxy;
									
								// setup primary display field in HTML
								featureID = "feature" + x;
								className = "fieldPrimary";
								
								var objectIdHidden = document.getElementById("objectIdHidden");
								objectIdHidden.value = uniqueValue;
								var activeLayerHidden = document.getElementById("activeLayerHidden");
								activeLayerHidden.value = layer;
								var objectIdLayer = document.getElementById("objectIdLayer");
								objectIdLayer.value = layer;
								
								html += "<tr><td><table style=\"width: 100%; padding: 5px 0px 0px 0px;\" id=\"tblSearchResults" + featureID +"\" cellspacing=\"0\" cellpadding=\"2\" style=\"margin-top:5px;\">";
								html += "<tr id=\"" + featureID + "\" class=\"" + className + "\">";
								html += "<td><img id=\"" + featureID + "img\" class=\"collapseImage\" src=\"images/plus.gif\" onmousedown=\"collapseFeatureData('" + featureID + "'," + totalFieldsInFeature + ");\" />";
								
								if( pdisplay != '' )
									html += layer + ": " + pdisplay + "</td>";
								else
									html += layer + ": " + uniqueValue + "</td>";
								
								html += "<td align=\"right\">";
								
								if( layer == 'Real Estate Parcels' )
									html += "<img class=\"featureImage\" src=\"images/adjoiners.gif\" onmousedown=\"spatialFilter.getAdjoiningFeatures('" + uniqueValue + "', 'feet', 1, 'Real Estate Parcels', 'Real Estate Parcels');\" alt=\"Get Adjoining Parcels\" />";
								
								html += "<img class=\"featureImage\" src=\"images/feature_zoom_to.gif\" onmousedown=\"map.zoomToFeature('" + minx + "', '" + miny + "', '" + maxx + "', '" + maxy + "');\" alt=\"Zoom to Feature\" />";
								html += "<img class=\"featureImage\" src=\"images/feature_report.gif\" alt=\"Feature Details\" onmousedown=\"feature.getFeatureDetails('" + layer + "','" + uniqueValue + "');\"/>";
								html += "<img class=\"featureImage\" src=\"images/buffer.gif\" alt=\"Buffer Select\" onmousedown=\"activateTab('tabInformation');document.getElementById('trInformationInfo').style.display='none';document.getElementById('divBuffer').style.display='block';document.getElementById('divInformationList').style.display='none';document.getElementById('divInformationMessage').style.display='none';document.getElementById('divResultsList').style.display='none';\" />";
							//	html += "<a href=\"feature_csv.aspx?objectId=" + uniqueValue + "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img class=\"featureImage\" src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";			
								html += "</td></tr>";
								//html += "<tbody id=\"" + featureID + "tbody\" style=\"display:none;\">";
							}
							else if( features[i].childNodes[x].childNodes[y].nodeName == 'FIELDGROUP' )
							{
								//featureID = "feature" + x;
								var fieldGroupName = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('name').value;
								var fieldGroupHyperlink = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('hyperlink').value; 
								
								// looks at FIELD elements
								//alert('featureid: ' + featureID);
								html += "<tbody id=\"" + featureID + "tbody\" style=\"display:none;\">";
								for( var z = 0; z < features[i].childNodes[x].childNodes[y].childNodes.length; z++ )
								{
									if( features[i].childNodes[x].childNodes[y].childNodes[z].nodeName == 'FIELD' )
									{
										var fieldName = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('name').value;
										var fieldAlias = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('alias').value;
										var fieldNameHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('namehyperlink').value;
										var fieldValue = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('value').value;
										fieldValue = fieldValue.replace(/&apos;/,"\'");
										var fieldValueHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('valuehyperlink').value;
										
										// add each field to the HTML
										className = (fieldCount % 2 == 1)?"Odd":"Even";
										featureID = "feature" + x + "field" + fieldCount;

										html += "<tr>";
										
										// add field name (alias)
										if( fieldNameHyperlink != "" )
										{
											html += "<td class=\"field" + className + "\">";
											html += "<a class=\"fieldLink\" href=\"" + fieldNameHyperlink + "\" target=\"_new\">";
											html += fieldAlias + "</a></td>";
										}
										else
											html += "<td class=\"field" + className + "\">" + fieldAlias + "</td>";
										
										// add field value
										if( fieldValue != null )
										{
											// check for hyperlink!
											if( fieldValueHyperlink != "" )
											{
												html += "<td class=\"fieldValue" + className + "\">";
												html += "<a class=\"fieldLink\" href=\"" + fieldValueHyperlink + "\" target=\"_new\">";
												html += fieldValue + "</a></td>";
											}
											else
												html += "<td class=\"fieldValue" + className + "\">" + fieldValue + "</td>";
										}
										else
											html += "<td></td>";
											
										html += "</tr>";
										
										fieldCount++;
									}
								}
							}
						}
						
						//html += "</tbody></tr></table>";
						//resultTable.innerHTML += html;
						html += "</tbody></table></td></tr>";
					}
				}
			}
			
			if(groupingSize > 0){
				var resultPageNumber = parseInt((featureCounter-1) / groupingSize);
				var hideThis = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber) + "\').style.display=\'none\';";
				var showPrev = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-1) + "\').style.display=\'\';";
				if(featureCounter > groupingSize){
					html+= "<tr><td colspan=\"2\" align=\"left\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showPrev + "return(false);\" value=\"Prev\" ></td></tr>";
				}
				if(resultPageNumber > 0){
					html+= "<tr><td colspan=\"2\" align=\"center\">Page " + (resultPageNumber + 1) + "</td></tr>";
				}
				html+= "</table>"
				html+= "</div></td></tr>";
			}
			
			html += "</table>";
			//document.write(html);
			resultTable.innerHTML += html;
			
			if(objectIds.length > 0)
			{
				var spanHtml = "<br/><span class=\"trInfo\" style=\"font-size:11px\">Export feature data to Excel </span><a href=\"feature_csv.aspx?objectId=";
				for( var n in objectIds)
				{
					spanHtml += objectIds[n] + ",";
				}

				spanHtml += "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";
				spnResultsInfo.innerHTML += spanHtml;
			}			
			
			activateTab("tabResults");
			trResultsInfo.style.display='block';
			trDetailsInfo.style.display='none';
			divResultsList.style.display='block';
			divDetailsList.style.display='none';
			subTabResultsList.className='subTabActive';
			subTabDetailsList.className='subTabNormal';
			document.getElementById('loading').style.visibility = 'hidden';
			
			var q = layer + "|";
			for(var i = 0; i < objectIds.length; i++)
			{
				if(i+1 <objectIds.length)
					q+= "OBJECTID," + objectIds[i] + "|";
				else
					q+= "OBJECTID," + objectIds[i];
			}
			if( minx1 != 0 || miny1 != 0 || maxx1 != 0 || maxy1 != 0)
				map.getMapQ("ZOOMANDSELECT",minx1,miny1,maxx1,maxy1,true,q);
			else if(objectIds.length > 0)
				map.getMapQ("PAN", parseFloat(map.getMinX()), parseFloat(map.getMinY()), parseFloat(map.getMaxX()), parseFloat(map.getMaxY()), true, q);
			// disable loading div
			loading.style.visibility = "hidden";
			
			if( hasMore == 'True' )
				alert("This search returned more than the number of features allowed.  Please refine your search for more detailed results.");
		}
	}
}

function processShortReport()
{
	var objectIds = new Array();
	var groupingSize = 10;
	var resultPagePrefix = "short_report_page_";
		
	if( spatialFilter.XmlReqFilter.readyState == 4 )
	{
		if( spatialFilter.XmlReqFilter.status == 200 )
		{ 
			// parse response and place data into html table
			var resultTable = document.getElementById("divResultsList");
			resultTable.innerHTML = "";
			
			var response = spatialFilter.XmlReqFilter.responseXML.documentElement;
			var features = response.getElementsByTagName('FEATURES');
			var featureID = "";
			var html = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;\" border=\"0\">";
			
			// get request specific top level values (layer, layerHyperlink, response feature count, hasMore features)
			var layer = features[0].attributes.getNamedItem('layer').value;
			var layerHyperlink = features[0].attributes.getNamedItem('hyperlink').value;
			var count = features[0].attributes.getNamedItem('count').value;
			var hasMore = features[0].attributes.getNamedItem('hasmore').value;
			
			if( count == 0 )
				spnResultsInfo.innerHTML = "No Features Found";
			else if( count == 1 )
				spnResultsInfo.innerHTML = "1 Feature Found";
			else
				spnResultsInfo.innerHTML = count + " Features Found";
			
			var minx1 = 0;
			var miny1 = 0;
			var maxx1 = 0;
			var maxy1 = 0;
			
			// looks at FEATURES elements
			for( var i = 0; i < features.length; i++ )
			{
				var featureCounter = 0;
				// looks at FEATURE elements
				for( var x = 0; x < features[i].childNodes.length; x++ )
				{
					if( features[i].childNodes[x].nodeName == 'FEATURE' )
					{
						var fieldCount = 0;
						var minx = "", miny = "", maxx = "", maxy = "";
							
						// get feature specific top level values (uniqueName, uniqueValue, primaryDisplay)
						var uniqueName = features[i].childNodes[x].attributes.getNamedItem('uniquename').value;
						var uniqueValue = features[i].childNodes[x].attributes.getNamedItem('uniquevalue').value;
						var pdisplay = features[i].childNodes[x].attributes.getNamedItem('pdisplay').value;
						
						objectIds.push(uniqueValue);
						
						// for parcels, need to add 1 to this value
						var totalFieldsInFeature = features[i].childNodes[x].attributes.getNamedItem('fields').value;
						
						if(0 == (featureCounter % groupingSize) && groupingSize > 0){
							var resultPageNumber = parseInt(featureCounter / groupingSize);
							if(0 != featureCounter){
								var hideThis = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-1) + "\').style.display=\'none\';";
								var showPrev = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-2) + "\').style.display=\'\';";
								var showNext = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber) + "\').style.display=\'\';";
								if(featureCounter > groupingSize){
									html+= "<tr><td><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\"><tr><td align=\"left\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showPrev + "return(false);\" value=\"Prev\"></td><td align=\"right\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showNext + "return(false);\" value=\"Next\"></td></tr></table></td></tr>";
								}else{
									html+= "<tr><td colspan=\"2\" align=\"right\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showNext + "return(false);\" value=\"Next\"></td></tr>";
								}
								html+= "<tr><td colspan=\"2\" align=\"center\">Page " + (resultPageNumber) + "</td></tr>";
								html+= "</table>";
								html+= "</div></td></tr>";
							}
							html+= "<tr><td><div id=\"" + resultPagePrefix + resultPageNumber + "\" style=\"display: " + (featureCounter == 0 ? "block" : "none") + ";\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" border=\"0\">";
						}
						featureCounter++;
						
						for( var y = 0; y < features[i].childNodes[x].childNodes.length; y++ )
						{
							if( features[i].childNodes[x].childNodes[y].nodeName == 'ENVELOPE' )
							{
								// get envelope information
								minx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('minx').value;
								if( minx < minx1 || minx1 == 0)
									minx1 = minx;
								miny = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('miny').value;
								if(miny < miny1 || miny1 == 0)
									miny1 = miny;
								maxx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxx').value;
								if(maxx > maxx1 || maxx1 == 0)
									maxx1 = maxx;
								maxy = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxy').value;
								if(maxy > maxy1 || maxy1 == 0)
									maxy1 = maxy;
									
								// setup primary display field in HTML
								featureID = "feature" + x;
								className = "fieldPrimary";
								
								var objectIdHidden = document.getElementById("objectIdHidden");
								objectIdHidden.value = uniqueValue;
								var activeLayerHidden = document.getElementById("activeLayerHidden");
								activeLayerHidden.value = layer;
								var objectIdLayer = document.getElementById("objectIdLayer");
								objectIdLayer.value = layer;
								
								html += "<tr><td><table style=\"width: 100%; padding: 5px 0px 0px 0px;\" id=\"tblSearchResults" + featureID +"\" cellspacing=\"0\" cellpadding=\"2\" style=\"margin-top:5px;\">";
								html += "<tr id=\"" + featureID + "\" class=\"" + className + "\">";
								html += "<td><img id=\"" + featureID + "img\" class=\"collapseImage\" src=\"images/plus.gif\" onmousedown=\"collapseFeatureData('" + featureID + "'," + totalFieldsInFeature + ");\" />";
								
								if( pdisplay != '' )
									html += layer + ": " + pdisplay + "</td>";
								else
									html += layer + ": " + uniqueValue + "</td>";
								
								html += "<td align=\"right\">";
								
								if( layer == 'Real Estate Parcels' )
									html += "<img class=\"featureImage\" src=\"images/adjoiners.gif\" onmousedown=\"spatialFilter.getAdjoiningFeatures('" + uniqueValue + "', 'feet', 1, 'Real Estate Parcels', 'Real Estate Parcels');\" alt=\"Get Adjoining Parcels\" />";
								
								html += "<img class=\"featureImage\" src=\"images/feature_zoom_to.gif\" onmousedown=\"map.zoomToFeature('" + minx + "', '" + miny + "', '" + maxx + "', '" + maxy + "');\" alt=\"Zoom to Feature\" />";
								html += "<img class=\"featureImage\" src=\"images/feature_report.gif\" alt=\"Feature Details\" onmousedown=\"feature.getFeatureDetails('" + layer + "','" + uniqueValue + "');\"/>";
								html += "<img class=\"featureImage\" src=\"images/buffer.gif\" alt=\"Buffer Select\" onmousedown=\"activateTab('tabInformation');document.getElementById('trInformationInfo').style.display='none';document.getElementById('divBuffer').style.display='block';document.getElementById('divInformationList').style.display='none';document.getElementById('divInformationMessage').style.display='none';document.getElementById('divResultsList').style.display='none';\" />";
							//	html += "<a href=\"feature_csv.aspx?objectId=" + uniqueValue + "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img class=\"featureImage\" src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";			
								html += "</td></tr>";
								//html += "<tbody id=\"" + featureID + "tbody\" style=\"display:none;\">";
							}
							else if( features[i].childNodes[x].childNodes[y].nodeName == 'FIELDGROUP' )
							{
								//featureID = "feature" + x;
								var fieldGroupName = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('name').value;
								var fieldGroupHyperlink = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('hyperlink').value; 
								
								// looks at FIELD elements
								//alert('featureid: ' + featureID);
								html += "<tbody id=\"" + featureID + "tbody\" style=\"display:none;\">";
								for( var z = 0; z < features[i].childNodes[x].childNodes[y].childNodes.length; z++ )
								{
									if( features[i].childNodes[x].childNodes[y].childNodes[z].nodeName == 'FIELD' )
									{
										var fieldName = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('name').value;
										var fieldAlias = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('alias').value;
										var fieldNameHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('namehyperlink').value;
										var fieldValue = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('value').value;
										fieldValue = fieldValue.replace(/&apos;/,"\'");
										var fieldValueHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('valuehyperlink').value;
										
										// add each field to the HTML
										className = (fieldCount % 2 == 1)?"Odd":"Even";
										featureID = "feature" + x + "field" + fieldCount;

										html += "<tr>";
										
										// add field name (alias)
										if( fieldNameHyperlink != "" )
										{
											html += "<td class=\"field" + className + "\">";
											html += "<a class=\"fieldLink\" href=\"" + fieldNameHyperlink + "\" target=\"_new\">";
											html += fieldAlias + "</a></td>";
										}
										else
											html += "<td class=\"field" + className + "\">" + fieldAlias + "</td>";
										
										// add field value
										if( fieldValue != null )
										{
											// check for hyperlink!
											if( fieldValueHyperlink != "" )
											{
												html += "<td class=\"fieldValue" + className + "\">";
												html += "<a class=\"fieldLink\" href=\"" + fieldValueHyperlink + "\" target=\"_new\">";
												html += fieldValue + "</a></td>";
											}
											else
												html += "<td class=\"fieldValue" + className + "\">" + fieldValue + "</td>";
										}
										else
											html += "<td></td>";
											
										html += "</tr>";
										
										fieldCount++;
									}
								}
							}
						}
						
						//html += "</tbody></tr></table>";
						//resultTable.innerHTML += html;
						html += "</tbody></table></td></tr>";
					}
				}
			}
			
			if(groupingSize > 0){
				var resultPageNumber = parseInt((featureCounter-1) / groupingSize);
				var hideThis = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber) + "\').style.display=\'none\';";
				var showPrev = "document.getElementById(\'" + resultPagePrefix + (resultPageNumber-1) + "\').style.display=\'\';";
				if(featureCounter > groupingSize){
					html+= "<tr><td colspan=\"2\" align=\"left\"><input type=\"button\" class=\"buttonNormal\" onclick=\"" + hideThis + showPrev + "return(false);\" value=\"Prev\" ></td></tr>";
				}
				if(resultPageNumber > 0){
					html+= "<tr><td colspan=\"2\" align=\"center\">Page " + (resultPageNumber + 1) + "</td></tr>";
				}
				html+= "</table>"
				html+= "</div></td></tr>";
			}
			
			html += "</table>";
			//document.write(html);
			resultTable.innerHTML += html;
			
			if(objectIds.length > 0)
			{
				var spanHtml = "<br/><span class=\"trInfo\" style=\"font-size:11px\">Export feature data to Excel </span><a href=\"feature_csv.aspx?objectId=";
				for( var n in objectIds)
				{
					spanHtml += objectIds[n] + ",";
				}

				spanHtml += "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";
				spnResultsInfo.innerHTML += spanHtml;
			}			
			
			activateTab("tabResults");
			trResultsInfo.style.display='block';
			trDetailsInfo.style.display='none';
			divResultsList.style.display='block';
			divDetailsList.style.display='none';
			subTabResultsList.className='subTabActive';
			subTabDetailsList.className='subTabNormal';
			document.getElementById('loading').style.visibility = 'hidden';
			
			var q = layer + "|";
			for(var i = 0; i < objectIds.length; i++)
			{
				if(i+1 <objectIds.length)
					q+= "OBJECTID," + objectIds[i] + "|";
				else
					q+= "OBJECTID," + objectIds[i];
			}
			//if( minx1 != 0 || miny1 != 0 || maxx1 != 0 || maxy1 != 0)
			//	map.getMapQ("ZOOMANDSELECT",minx1,miny1,maxx1,maxy1,true,q);
			/*alert(map.getMinX());
			alert(map.getMinY());
			alert(map.getMaxX());
			alert(map.getMaxY());
			alert(map.getMaxX() - map.getMinX());
			alert(map.getMaxY() - map.getMinY());*/
			map.getMapQ("PAN", parseFloat(map.getMinX()), parseFloat(map.getMinY()), parseFloat(map.getMaxX()), parseFloat(map.getMaxY()), true, q);
			// disable loading div
			loading.style.visibility = "hidden";
			
			if( hasMore == 'True' )
				alert("This search returned more than the number of features allowed.  Please refine your search for more detailed results.");
		}
	}
}

function processFeatureDetail()
{
	var objectIds = new Array();
	showLoading();
	
	if(feature.XmlReqDetails.readyState == 4)
	{
		if(feature.XmlReqDetails.status == 200)
		{
			
			// parse response and place data into html table
			var detailsTable = document.getElementById("divDetailsList");
			detailsTable.innerHTML = "";

			
			var response = feature.XmlReqDetails.responseXML.documentElement;
			var features = response.getElementsByTagName('FEATURES');
			var className = "";
			var html = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" style=\"margin-top:5px;\">";
			
			// get request specific top level values (layer, layerHyperlink, response feature count, hasMore features)

			var count = features[0].attributes.getNamedItem('count').value;
			var hasMore = features[0].attributes.getNamedItem('hasmore').value;
			
			spnDetailsInfo.innerHTML = "Feature Details";
			
			// looks at FEATURES elements
			for( var i = 0; i < features.length; i++ )
			{
				if(features[i].nodeName == 'FEATURES')
				{
					var layer = features[i].attributes.getNamedItem('layer').value;
					var layerHyperlink = features[i].attributes.getNamedItem('hyperlink').value;
					// looks at FEATURE elements
					for( var x = 0; x < features[i].childNodes.length; x++ )
					{
						if( features[i].childNodes[x].nodeName == 'FEATURE' )
						{
							var gpin = "";
							var minx = "", miny = "", maxx = "", maxy = "";
							//var layer = features[i].childNodes[x].attributes.getNamedItem('layer').value;
							//var layerHyperlink = features[i].childNodes[x].attributes.getNamedItem('hyperlink').value;
							// get feature specific top level values (uniqueName, uniqueValue, primaryDisplay)
							var uniqueName = features[i].childNodes[x].attributes.getNamedItem('uniquename').value;
							var uniqueValue = features[i].childNodes[x].attributes.getNamedItem('uniquevalue').value;
							var pdisplay = features[i].childNodes[x].attributes.getNamedItem('pdisplay').value;
							
							objectIds.push(uniqueValue);
							
							for( var y = 0; y < features[i].childNodes[x].childNodes.length; y++ )
							{
								if( features[i].childNodes[x].childNodes[y].nodeName == 'ENVELOPE' )
								{
									// get envelope information
									minx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('minx').value;
									miny = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('miny').value;
									maxx = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxx').value;
									maxy = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('maxy').value;
							
									// setup primary display field in HTML
									html += "<tr class=\"fieldPrimary\">";
									
									if( pdisplay != '' )
										html += "<td>" + layer + ": " + pdisplay + "</td>";
									else
										html += "<td>" + layer + ": " + uniqueValue + "</td>";
										
									html += "<td align=\"right\">";
										
									// check for Parcel layer and add getAdjoiningFeatures link to OBJECTID
									
									html += "<img class=\"featureImage\" src=\"images/feature_zoom_to.gif\" onmousedown=\"map.zoomToFeature('" + minx + "', '" + miny + "', '" + maxx + "', '" + maxy + "');\" alt=\"Zoom to Feature\" />";
									if( layer == 'Parcels' )
										html += "<img class=\"featureImage\" src=\"images/adjoiners.gif\" onmousedown=\"spatialFilter.getAdjoiningFeatures('" + uniqueValue + "', 'feet', 1, 'Parcels', 'Parcels');\" alt=\"Get Adjoining Parcels\" />";
										
									html += "</td></tr>";
								}
								else if( features[i].childNodes[x].childNodes[y].nodeName == 'FIELDGROUP' )
								{
									var fieldGroupName = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('name').value;
									var fieldGroupHyperlink = features[i].childNodes[x].childNodes[y].attributes.getNamedItem('hyperlink').value;
									
									//if( fieldGroupHyperlink != null && fieldGroupHyperlink != '' )
										//html += "<tr><td colspan=\"2\" class=\"fieldGroupHeading\"><a href=\"" + fieldGroupHyperlink + "\" target=\"_new\">" + fieldGroupName + "</a></td></tr>";
									//else
										//html += "<tr><td colspan=\"2\" class=\"fieldGroupHeading\">" + fieldGroupName + "</td></tr>";
									
									// looks at FIELD elements
									for( var z = 0; z < features[i].childNodes[x].childNodes[y].childNodes.length; z++ )
									{
										if( features[i].childNodes[x].childNodes[y].childNodes[z].nodeName == 'FIELD' )
										{
											var fieldName = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('name').value;
											var fieldAlias = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('alias').value;
											var fieldNameHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('namehyperlink').value;
											var fieldValue = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('value').value;
											fieldValue = fieldValue.replace(/&apos;/,"\'");
											var fieldValueHyperlink = features[i].childNodes[x].childNodes[y].childNodes[z].attributes.getNamedItem('valuehyperlink').value;
											
											// add each field to the HTML
											className = (z % 2 == 1)?"Odd":"Even";
											html += "<tr>";
											
											// add field name (alias)
											if( fieldNameHyperlink != "" )
											{
												html += "<td class=\"fieldValue" + className + "\">";
												html += "<a class=\"fieldLink\" href=\"" + fieldNameHyperlink + "\" target=\"_new\">";
												html += fieldAlias + "</a></td>";
											}
											else
												html += "<td class=\"field" + className + "\">" + fieldAlias + "</td>";
											
											// add field value
											if( fieldValue != null )
											{
												// check for hyperlink!
												if( fieldValueHyperlink != "" )
												{
													html += "<td class=\"fieldValue" + className + "\">";
													html += "<a class=\"fieldLink\" href=\"" + fieldValueHyperlink + "\" target=\"_new\">";
													html += fieldValue + "</a></td>";
												}
												else
													html += "<td class=\"fieldValue" + className + "\">" + fieldValue + "</a></td>";
											}
											else
												html += "</td></tr>";
										}
									}
								}
							}
						}
					}
				}
			}
			
			html += "</table>";
			detailsTable.innerHTML = html;
			//alert(html);
		}
		
		if(objectIds.length > 0)
		{
			var spanHtml = "<br/><span class=\"trInfo\" style=\"font-size:11px\">Export feature data to Excel </span><a href=\"feature_csv.aspx?objectId=";
			for( var n in objectIds)
			{
				spanHtml += objectIds[n] + ",";
			}

			spanHtml += "&layer=" + layer + "&reportType=Short Report&userGroupName=" + user.userGroupName + "\" target=\"_new\" border=\"0\"><img src=\"images/excel.gif\" alt=\"Export to Excel\" border=\"0\" /></a>";
			spnDetailsInfo.innerHTML += spanHtml;
		}			
							
		activateTab("tabResults");
		trResultsInfo.style.display='none';
		trDetailsInfo.style.display='block';
		divResultsList.style.display='none';
		divDetailsList.style.display='block';
		subTabResultsList.className='subTabNormal';
		subTabDetailsList.className='subTabActive';
		document.getElementById('loading').style.visibility = 'hidden';
			
		if( hasMore == 'True' )
			alert("This search returned more than the number of features allowed.  Please refine your search for more detailed results.");
	}
}