//    var gmap = null;
//    var mapExtension;
//    var gOverlays = null;
//    var mapOptions ;
//    var endpoints=[];
//	  var legend;

//legend values:
var v1=[];
var v2=[];
var v3=[];
var v4=[];
var v5=[];
var v6=[];
var v7=[];
    

//KK Map service endpoints for each cached heat map layer (each layer is a seperate map service).
// The enpoint index must match the value in the layer drop down list.
	  endpoints[0]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOpop11/MapServer"
	  endpoints[1]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCObusest11/MapServer"
	  endpoints[2]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOcexapparel11/MapServer"
	  endpoints[3]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOmedhhi12/MapServer"
	  endpoints[4]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOavghhexp11/MapServer"	
	  endpoints[5]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCObachdegree12/MapServer"	
	  endpoints[6]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOsoleprop11/MapServer"
	  endpoints[7]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOstartups1/MapServer"	  	  

	  	  
	  // set the values for legends.  Index number refers to the map layer id in the drop down list.
	  v1[0]="58 - 6,785"
	  v1[1]="0 - 215"
	  v1[2]="$792 - $1,885"
	  v1[3]="$14,478 - $33,675"	  
	  v1[4]="28,454 - 39,652"	  
	  v1[5]="4 - 10"
	  v1[6]="0 - 435"
	  v1[7]="0 - 13.4"
	  	  
	  v2[0]="6,785 - 12,961"
	  v2[1]="216 - 435"
	  v2[2]="$1,885 - $1,980"
	  v2[3]="$33,675 - $36,999"		  	  
	  v2[4]="$39,652 - $41,655"	  
	  v2[5]="11 - 12"
	  v2[6]="436 - 816"
	  v2[7]="13.5 - 16.3"
	  
	  v3[0]="12,961 - 20,633"
	  v3[1]="436 - 721"
	  v3[2]="$1,980 - $2,063"
	  v3[3]="$36,999 - $40,136"	
	  v3[4]="$41,655 - $43,400"	  
	  v3[5]="13 - 15"
	  v3[6]="817 - 1,272"
	  v3[7]="16.4 - 18.6"
	  
	  v4[0]="20,633 - 33,011"
	  v4[1]="722 - 1,193"
	  v4[2]="$2,063- $2,156"
	  v4[3]="$40,136 - $43,495"		  
	  v4[4]="$43,400 - $45,309"	  
	  v4[5]="16 - 18"
	  v4[6]="1,273 - 2,079"
	  v4[7]="18.7 - 21.3"	  
	  
	  v5[0]="33,011 - 55,650"
	  v5[1]="1,194 - 1,985"
	  v5[2]="$2,156 - $,2270"
	  v5[3]="$43,495 - $47,503"		  
	  v5[4]="$45,309 - $47,657"	  
	  v5[5]="19 - 22"
	  v5[6]="2,080 - 3,445"
	  v5[7]="21.4 - 24.9"	  
	  
	  v6[0]="55,650 - 133,302"
	  v6[1]="1,985 - 4,790"
	  v6[2]="$2,270 - $2,486"
	  v6[3]="$47,503 - $53,898"		  
	  v6[4]="$47,657 - $51,946"	  
	  v6[5]="23 - 29"
	  v6[6]="3,446 - 8,227"
	  v6[7]="25.0 - 35.0"
	 
	  v7[0]="133,302 - 10,048,352"
	  v7[1]="4,790 - 397,923"
	  v7[2]="$2,486 - $4,252"
	  v7[3]="$53,898 - $106,777"	  
	  v7[4]="$51,946 - $87,003"	  
	  v7[5]="30 - 70"
	  v7[6]="8,228 - 799,108"
	  v7[7]="30.6 - 153.5"

function addTiledMap(endpoint){
      //create mapOptions to specify opacity, minResolution, maxResolution when adding to the map.
      mapOptions = {opacity: 0.60, minResolution:3, maxResolution: 9};
      //create custom tile layer
      var tiledmap = new esri.arcgis.gmaps.TiledMapServiceLayer(endpoint, mapOptions, addTiledLayer);
    function addTiledLayer(gTileLayer) {
      //Add tile layer as a GTileLayerOverlay using mapExtension
      gOverlays = mapExtension.addToMap(gTileLayer);
    }
// reset local layer drop down list only if it exists:
if (document.getElementById('ddlLocalLayers'))
  {
    document.getElementById('ddlLocalLayers').selectedIndex=0;
   } 
// change map extent  to fit heat maps
var currentzoom=map.getZoom();
if (currentzoom>9)   
    {map.setZoom(8)};
}


function selectthematiclayer(listbox) {
var i=listbox.selectedIndex;
var v = listbox.options[i].value;

//alert(v);
if (v==100)
    {
    resetMap();
    }
if (v=="-1")
    {
    //do nothingl
    }    
else
    {
   // mapExtension = new esri.arcgis.gmaps.MapExtension(map);
	mapExtension.removeFromMap(gOverlays);  //remove other previous layers
	addTiledMap(endpoints[v]);
	setlegend(v);
	showlegend();
	}
}

function hidelegend()
{
document.getElementById("legend").style.visibility="hidden";
legend.style.visibility="hidden";
legend.style.height="0px";
//document.getElementById("legend").style.visibility="hidden";
}

function showlegend()
{
legend.style.visibility="visible";
legend.style.height="200px";
document.getElementById("legend").style.visibility="visible";
}

function setlegend(v)
{
document.getElementById("ldgvalue1").innerHTML=v1[v];
document.getElementById("ldgvalue2").innerHTML=v2[v];
document.getElementById("ldgvalue3").innerHTML=v3[v];
document.getElementById("ldgvalue4").innerHTML=v4[v];
document.getElementById("ldgvalue5").innerHTML=v5[v];
document.getElementById("ldgvalue6").innerHTML=v6[v];
document.getElementById("ldgvalue7").innerHTML=v7[v];
}

function resetMap() {
//resets map to all visible layers as defined in the mxd
load();
}