//legend values:
var valArray = [];

//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.
//zpdc_thematicCOpop11
valArray[0] = ["33 - 6,768", "6,769 - 12,893", "12,894 - 20,585", "20,586 - 33,021", "33,022 - 55,568", "55,569 - 134,911", "134,912 - 9,888,653"];
endpoints[0]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOpop11/MapServer";

//zpdc_thematicCObachdegree12
valArray[1] = ["4% - 11%", "12% - 13%", "14% - 15%", "16% - 17%", "18% - 20%", "21% - 27%", "28% - 69%"];
endpoints[1] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCObachdegree12/MapServer";

//zpdc_thematicCObusest11
valArray[2] = ["0 - 250", "251 - 472", "473 - 772", "773 - 1,251", "1,252 - 2,056", "2,057 - 4,915", "4,916 - 394,357"];
endpoints[2]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCObusest11/MapServer";

//zpdc_thematicCOmedhhi12
valArray[3] = ["$4,461 - $33,774", "$33,774 - $37,384", "$37,384 - $40,260", "$40,260 - $43,378", "$43,378 - $47,049", "$47,049 - $54,140", "$54,140 - $112,878"];
endpoints[3] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOmedhhi12/MapServer";

//zpdc_thematicCOsoleprop11
valArray[4] = ["15 - 462", "463 - 863", "864 - 1,337", "1,338 - 2,164", "2,165 - 3,643", "3,644 - 8,878", "8,879+"];
endpoints[4] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOsoleprop11/MapServer";

//zpdc_thematicCOstartups1
valArray[5] = ["0.0 - 14.5", "14.6 - 17.8", "17.9 - 20.7", "20.8 - 23.6", "23.7 - 27.3", "27.4 - 34.1", "34.2 - 156.8"];
endpoints[5] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOstartups1/MapServer";

//zpdc_thematicCOavghhexp11
valArray[6] = ["$16,267 - $40,724", "$40,724 - $42,849", "$42,849 - $44,646", "$44,646 - $46,691", "$46,692 - $49,200", "$49,200 - $53,960", "$53,960 - $89,639"];
endpoints[6] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOavghhexp11/MapServer";

//zpdc_thematicrestaurants
valArray[7] = ["0 - 6", "7 - 14", "15 - 25", "26 - 43", "44 - 100", "101 - 1,000", "1001+"];
endpoints[7] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicrestaurants/MapServer";

//stimulus_jobs
valArray[8] = ["0", "1 - 10", "11 - 50", "51 - 100", "101 - 500", "501 - 2,000", "2,001 - 55,633"];
endpoints[8] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/stimulus_jobs/MapServer";

//stimulus_spending
valArray[9] = ["$0", "$3,498 - $1,103,669", "$1,103,669 - $2,725,649", "$2,725,649 - $5,370,698", "$5,370,698 - $11,719,245", "$11,719,245 - $31,929,963", "$31,929,963 - $10,823,156,973"];
endpoints[9] = "http://gpvm002.gisplanning.net/ArcGIS/rest/services/stimulus_spending/MapServer";

//zpdc_thematicCOcexapparel11 (not used... what is this?
valArray[10] = ["$792 - $1,885", "$1,885 - $1,980", "$1,980 - $2,063", "$2,063- $2,156", "$2,156 - $2,270", "$2,270 - $2,486", "$2,486 - $4,252"];
endpoints[10]="http://gpvm002.gisplanning.net/ArcGIS/rest/services/zpdc_thematicCOcexapparel11/MapServer";

// set the values for legends.  Index number refers to the map layer id in the drop down list.

var gOverlays = null;

function addTiledMap(endpoint){
    //create mapOptions to specify opacity, minResolution, maxResolution when adding to the map.
    mapOptions = {opacity: 0.60, minResolution:3, maxResolution: 9};

    function addTiledLayer(gTileLayer) {
        //Add tile layer as a GTileLayerOverlay using mapExtension
        gOverlays = mapExtension.addToMap(gTileLayer);
    }

    //create custom tile layer
    //causes side effect. Responsible for placing tiles on map.
    var tiledmap = new esri.arcgis.gmaps.TiledMapServiceLayer(endpoint, mapOptions, addTiledLayer);

    // 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;

    if (v == 100) {
        resetMap();
    }
    else {
        if (v != -1) {
            mapExtension.removeFromMap(gOverlays);  //remove other previous layers
            addTiledMap(endpoints[v]);

            setlegend(valArray[v]);

            showlegend();
        }
    }
}

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

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 setlegend(valArray) {
    for (var i = 1; i <= valArray.length; i++) {
        document.getElementById("ldgvalue" + i).innerHTML = valArray[i - 1];
    }
}

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