/* serviceUrls.js - map service entries and configuration for production servers */

function getUnempMapUrl() { // unemployment rate by location
    return "https://gis.servicelocator.org/ArcGIS/rest/services/workforce/unemp/MapServer";
}

function getProjempMapUrl() { // national projections by occupation and location
    return "https://gis.servicelocator.org/ArcGIS/rest/services/workforce/projemp/MapServer";
}

function getOccwgMapUrl() { // employment and wage by occupation and location
    return "https://gis.servicelocator.org/ArcGIS/rest/services/workforce/occwg/MapServer";
}

function getLocqtMapUrl() { // location quotient by occupation and location
    return "https://gis.servicelocator.org/ArcGIS/rest/services/workforce/locqt/MapServer";
}

/*********************************************
    Initial version: 10/27/2012 - JW 
    Latest update: 02/2020
**********************************************/

var soccode, periodyear, attribute = "PROJEMP", attrtype = "", areacode, stfips, maploc, maptype; // required parameters, for areacode, national map better use state fips. 
var pgurl; // national, state by MSAs, state by counties etc., or tab clicked
var legendDijit;
var map, akmap, prvimap, himap, gumap, msamap, cntymap; // map variables         
var dqry, projempsrv, dialog, mwkid = 4326, flyr; // service, query or configuration variables
var numRanges = 6, tstvar, mpurl, mpurlqs, arrqrystr; // other variables
var stsoptions = "<select id=\"areaslist\" onchange=\"handleStateSelect(this);\"><option value=\"0\">Select a State</option>";

var mapextents = [[-125.58, 23.83, -66.27, 50.72], [-172.13, 52.26, -129.43, 72.19], [-67.27, 17.58, -64.51, 18.58],
            [-160.45, 18.70, -154.65, 22.37], [144.61, 13.22, 144.98, 13.67]]; // for national maps only     

var themecolors = [[204, 255, 255, 0.75], [170, 221, 229, 0.75], [136, 187, 204, 0.75],
                 [102, 153, 178, 0.75], [68, 119, 153, 0.75], [34, 85, 127, 0.75], [0, 51, 102, 0.75]];

var outlinecolor = [96, 96, 96, 0.75]; // default outline 
var rgfeature = new Array();
var loading;
var projyear;

require(["dijit/layout/BorderContainer",
    "dijit/layout/ContentPane", "dijit/layout/TabContainer",
    "esri/map", "esri/layers/FeatureLayer",
    "esri/tasks/query", "esri/tasks/QueryTask",
    "esri/dijit/Legend", "dijit/TooltipDialog", "dojo/number",
    "esri/IdentityManager", "dojo/domReady!"],
    function () {

        mpurl = window.location;
        mpurlqs = mpurl.search;
        if (mpurlqs) {

            var qrystr = mpurlqs.substring(mpurlqs.indexOf("?") + 1, mpurlqs.length);
            qrystr = qrystr.toLowerCase();
            qrystr = dojo.queryToObject(qrystr);
            if (qrystr.soccode) {
                soccode = qrystr.soccode;

                if (qrystr.location) {
                    tmpdiv = dojo.byId("divFips");
                    stfips = "";
                    if (tmpdiv) {
                        stfips = tmpdiv.innerHTML;
                        stfips = stfips.replace(" ", "");
                    }
                }

                if (qrystr.maptype) {
                    maptype = qrystr.maptype;
                }
                else {
                    maptype = "employment";
                }

                if (maptype == "employment") {
                    attribute = "PROJEMP";
                }
                else if (maptype == "jobopenings") {
                    attribute = "AOPENT";
                }
            }

        }

        projempsrv = getProjempMapUrl();

        // check current url, referer url and parameters first etc. 
        setAdditionalParams();
        createMapInstances();
        addAllLayers();

    }
)

function setAdditionalParams() {
    if (maptype == "employment") {
        dqry = "areatype='01'" + "and soccode='" + soccode + "' and PROJEMP <> '-99'";
    }
    else if (maptype == "jobopenings") {

        dqry = "areatype='01'" + "and soccode='" + soccode + "' and AOPENT <> '-99'";
    }
    loading = dojo.byId("loadingImg");
}

function addAllLayers() {

    map.addLayer(new esri.layers.ArcGISDynamicMapServiceLayer(projempsrv));
    akmap.addLayer(new esri.layers.ArcGISDynamicMapServiceLayer(projempsrv));
    prvimap.addLayer(new esri.layers.ArcGISDynamicMapServiceLayer(projempsrv));
    himap.addLayer(new esri.layers.ArcGISDynamicMapServiceLayer(projempsrv));
    gumap.addLayer(new esri.layers.ArcGISDynamicMapServiceLayer(projempsrv));

    dojo.connect(map, "onLoad", initUSLayer);
    dojo.connect(akmap, "onLoad", initAKLayer);
    dojo.connect(prvimap, "onLoad", initPRVILayer);
    dojo.connect(himap, "onLoad", initHILayer);
    dojo.connect(gumap, "onLoad", initGULayer);
    dojo.connect(map, "onUpdateStart", showLoading);
    dojo.connect(map, "onUpdateEnd", hideLoading);

}

function showLoading() {
    esri.show(loading);
}
function hideLoading() {
    esri.hide(loading);
}


function createMapInstances() {

    map = new esri.Map("usmap", {
        extent: new esri.geometry.Extent(mapextents[0][0], mapextents[0][1], mapextents[0][2], mapextents[0][3], new esri.SpatialReference({
            wkid: mwkid
        })),
        slider: false,
        logo: false
    });
    akmap = new esri.Map("akmap", {
        extent: new esri.geometry.Extent(mapextents[1][0], mapextents[1][1], mapextents[1][2], mapextents[1][3], new esri.SpatialReference({
            wkid: mwkid
        })),
        slider: false,
        logo: false
    });
    prvimap = new esri.Map("prvimap", {
        extent: new esri.geometry.Extent(mapextents[2][0], mapextents[2][1], mapextents[2][2], mapextents[2][3], new esri.SpatialReference({
            wkid: mwkid
        })),
        slider: false,
        logo: false
    });
    himap = new esri.Map("himap", {
        extent: new esri.geometry.Extent(mapextents[3][0], mapextents[3][1], mapextents[3][2], mapextents[3][3], new esri.SpatialReference({
            wkid: mwkid
        })),
        slider: false,
        logo: false
    });
    gumap = new esri.Map("gumap", {
        extent: new esri.geometry.Extent(mapextents[4][0], mapextents[4][1], mapextents[4][2], mapextents[4][3], new esri.SpatialReference({
            wkid: mwkid
        })),
        slider: false,
        logo: false
    });

    setMapConfig();
}

function setMapConfig() {
    esri.config.defaults.io.proxyUrl = "/arcgisserver/apis/javascript/proxy/proxy.ashx";
    esri.config.defaults.io.alwaysUseProxy = false;
    esri.config.defaults.map.slider = { left: "10px", top: "10px", width: null, height: "10px", position: "relative" };
    esri.show(dojo.byId("akmap"));
    esri.show(dojo.byId("himap"));
    esri.show(dojo.byId("gumap"));
    esri.show(dojo.byId("prvimap"));
    esri.show(dojo.byId("maplegend"));
}

function createOpLayer(renderer) {
    var tmplayer = "";

    if (maptype == "employment") {
        tmplayer = new esri.layers.FeatureLayer(projempsrv + "/1", {
            mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,
            outFields: ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"]
        });

    }
    else if (maptype == "jobopenings") {
        tmplayer = new esri.layers.FeatureLayer(projempsrv + "/1", {
            mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,
            outFields: ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"]
        });

    }

    tmplayer.setDefinitionExpression(dqry);
    tmplayer.setRenderer(renderer);

    return tmplayer;
}

function createQueryTask() {

    var tmpQryTask = new esri.tasks.QueryTask(projempsrv + "/1");
    return tmpQryTask;
}

function createRenderer(min, max) {
    var breaks = (max - min) / numRanges;
    var renderer = new esri.renderer.ClassBreaksRenderer(null, attribute);

    //add breaks  
    for (var i = 0; i < numRanges; i++) {
        var startnumber = Math.round(parseFloat(min + (i * breaks))),
                    endnumber = Math.round(parseFloat(min + ((i + 1) * breaks)));
        if (i == 0) {
            renderer.addBreak({ minValue: 0, maxValue: endnumber, symbol: new esri.symbol.SimpleFillSymbol().setColor(new dojo.Color(themecolors[i])).setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color(outlinecolor), 1)), label: "0" + " - " + dojo.number.format(endnumber) });
        }
        else if (i == numRanges - 1) {
            renderer.addBreak({ minValue: startnumber, maxValue: endnumber + 10, symbol: new esri.symbol.SimpleFillSymbol().setColor(new dojo.Color(themecolors[i])).setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color(outlinecolor), 1)), label: dojo.number.format(startnumber + 1) + " - " + dojo.number.format(endnumber) });
        }
        else {
            renderer.addBreak({ minValue: startnumber, maxValue: endnumber, symbol: new esri.symbol.SimpleFillSymbol().setColor(new dojo.Color(themecolors[i])).setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color(outlinecolor), 1)), label: dojo.number.format(startnumber + 1) + " - " + dojo.number.format(endnumber) });
        }

    }
    if ($.cookie('lang') == 'es') {
        renderer.addBreak({ minValue: 0, maxValue: 0, symbol: new esri.symbol.SimpleFillSymbol().setColor(new dojo.Color([255, 255, 255, 0.75])).setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color(outlinecolor), 1)), label: "No hay datos" });
    }
    else {
        renderer.addBreak({ minValue: 0, maxValue: 0, symbol: new esri.symbol.SimpleFillSymbol().setColor(new dojo.Color([255, 255, 255, 0.75])).setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color(outlinecolor), 1)), label: "No Data" });
    }
    renderer.infos = renderer.infos.reverse(); 
    return renderer;
}

function initUSLayer() {

    var queryTask = createQueryTask();
    var query = new esri.tasks.Query();

    query.returnGeometry = true;
    query.outFields = (maptype == "jobopenings") ? ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"] : ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"];
    query.outSpatialReference = { "wkid": mwkid };
    query.where = dqry;

    map.disableMapNavigation();
    map.disableClickRecenter();
    map.disableDoubleClickZoom();
    map.disableRubberBandZoom();
    map.disableScrollWheelZoom();
    map.disableShiftDoubleClickZoom();

    dojo.connect(queryTask, "onComplete", function (featureSet) {
        var features = featureSet.features, highlightSymbol;
        var stfeature;
        var isastate = false;

        if (features.length > 0) {

            var min = max = parseFloat(features[0].attributes[attribute]);
            projyear = features[0].attributes["PROJYEAR"];
            for (var i = 0; i < features.length; i++) {
                min = Math.min(min, features[i].attributes[attribute]);
                max = Math.max(max, features[i].attributes[attribute]);

                if (features[i].attributes["STFIPS"] == stfips) {
                    highlightSymbol = createHighlightSymbol();
                    isastate = true;
                    stfeature = features[i];

                    var graphic = new esri.Graphic(stfeature.geometry, highlightSymbol);
                    map.graphics.add(graphic);

                    projyear = features[i].attributes["PROJYEAR"];
                    if (maptype == "jobopenings") {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyectados " + projyear + " Posiciones de área resaltada:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Job Openings of Highlighted Area:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        }
                    }
                    else {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyección de Empleo " + projyear + " de la zona resaltada:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);

                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Employment of Highlighted Area:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);
                        }
                    }
                }
            }

            var renderer = createRenderer(min, max);
            var featureLayer = createOpLayer(renderer);

            // legend
            dojo.connect(map, 'onLayersAddResult', function (results) {

                var layerInfo = dojo.map(results, function (layer, index) {
                    return { layer: layer.layer, title: reDefineLayerName() };
                });
                if (legendDijit == null) {
                    if (layerInfo.length > 0) {
                        legendDijit = new esri.dijit.Legend({
                            map: map,
                            layerInfos: layerInfo
                        }, "maplegend");
                    }
                }
                hideAttributeField(legendDijit);
            });

            map.addLayers([featureLayer]);

            map.infoWindow.resize(120, 125);
            if (dialog == null) {
                dialog = new dijit.TooltipDialog({
                    id: "tooltipDialog",
                    style: "position: absolute; width: 200px; font: normal normal normal 10pt Helvetica;z-index:100"
                });
            }
            dialog.startup();

            highlightSymbol = createHighlightSymbol();

            // mouse out
            map.graphics.enableMouseEvents();
            dojo.connect(featureLayer, "onMouseOut", closeDialog);

            // mouseover conflicts with click in FF, currently disabled for states 
            // mouse hover
            dojo.connect(featureLayer, "onMouseOver", function (evt) {
                var t = setDialogContent();

                var content = esri.substitute(evt.graphic.attributes, t);
                var highlightGraphic = new esri.Graphic(evt.graphic.geometry, null);
                map.graphics.add(highlightGraphic);

                dialog.setContent(content);

                dojo.style(dialog.domNode, "opacity", 0.85);
                dijit.popup.open({ popup: dialog, x: evt.pageX, y: evt.pageY });
            });

        }
        else {
            handleNoData();
        }

    });
    queryTask.execute(query);

}
function handleNoData() {
    esri.hide(dojo.byId("mappane"));
    esri.hide(dojo.byId("msaspane"));
    if ($.cookie('lang') == 'es') {
        dojo.byId("msgoerr").innerHTML = "<br /><br />No se encontraron datos para la ubicación<br /><br /><br />";
    }
    else {
        dojo.byId("msgoerr").innerHTML = "<br /><br />No data found for the location<br /><br /><br />";
    }
}
function reDefineLayerName() {

    var layername = "";

    if (maptype == "employment") {
        if ($.cookie('lang') == 'es') {
            layername = "Proyección de Empleo ";
        }
        else {
            layername = "Projected Employment ";
        }

    }
    else if (maptype == "jobopenings") {
        if ($.cookie('lang') == 'es') {
            layername = "Proyectado " + projyear + " Ofertas de empleo";
        }
        else {
            layername = "Projected " + projyear + " Job Openings";
        }

    }

    return layername;

}

function initAKLayer() {

    var queryTask = createQueryTask();
    var query = new esri.tasks.Query();
    query.returnGeometry = true;
    query.outFields = (maptype == "jobopenings") ? ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"] : ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"];
    query.outSpatialReference = { "wkid": mwkid };
    query.where = dqry;

    akmap.disableMapNavigation();
    akmap.disableClickRecenter();
    akmap.disableDoubleClickZoom();
    akmap.disableRubberBandZoom();
    akmap.disableScrollWheelZoom();
    akmap.disableShiftDoubleClickZoom();

    dojo.connect(queryTask, "onComplete", function (featureSet) {
        var features = featureSet.features, highlightSymbol;

        if (features.length > 0) {

            var min = max = parseFloat(features[0].attributes[attribute]);
            projyear = features[0].attributes["PROJYEAR"];
            for (var i = 0; i < features.length; i++) {
                min = Math.min(min, features[i].attributes[attribute]);
                max = Math.max(max, features[i].attributes[attribute]);
                if (features[i].attributes["STFIPS"] == stfips) {
                    isastate = true;
                    stfeature = features[i];
                    highlightSymbol = createHighlightSymbol();

                    var graphic = new esri.Graphic(stfeature.geometry, highlightSymbol);
                    akmap.graphics.add(graphic);

                    projyear = features[i].attributes["PROJYEAR"];
                    if (maptype == "jobopenings") {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyectados " + projyear + " Posiciones de área resaltada:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Job Openings of Highlighted Area:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        }
                    }
                    else {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyección de Empleo " + projyear + " de la zona resaltada:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);

                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Employment of Highlighted Area:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);
                        }
                    }
                }
            }

            var renderer = createRenderer(min, max);
            var featureLayer = createOpLayer(renderer);

            akmap.addLayer(featureLayer);


            //mouseover conflicts with click in FF, currently disabled for states 
            akmap.infoWindow.resize(120, 125);

            highlightSymbol = createHighlightSymbol();

            // mouse out
            akmap.graphics.enableMouseEvents();
            dojo.connect(featureLayer, "onMouseOut", closeDialog);

            // mouse hover
            dojo.connect(featureLayer, "onMouseOver", function (evt) {
                var t = setDialogContent();

                var content = esri.substitute(evt.graphic.attributes, t);
                var highlightGraphic = new esri.Graphic(evt.graphic.geometry, null);
                akmap.graphics.add(highlightGraphic);

                if (dialog) {
                    dialog.setContent(content);
                    dojo.style(dialog.domNode, "opacity", 0.85);
                    dijit.popup.open({ popup: dialog, x: evt.pageX, y: evt.pageY });
                }
            });
        }
    });

    queryTask.execute(query);
}


function initPRVILayer() {

    var queryTask = createQueryTask();
    var query = new esri.tasks.Query();
    query.returnGeometry = true;
    query.outFields = (maptype == "jobopenings") ? ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"] : ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"];
    query.outSpatialReference = { "wkid": mwkid };
    query.where = dqry;

    prvimap.disableMapNavigation();
    prvimap.disableClickRecenter();
    prvimap.disableDoubleClickZoom();
    prvimap.disableRubberBandZoom();
    prvimap.disableScrollWheelZoom();
    prvimap.disableShiftDoubleClickZoom();

    dojo.connect(queryTask, "onComplete", function (featureSet) {
        var features = featureSet.features, highlightSymbol;
        if (features.length > 0) {
            var min = max = parseFloat(features[0].attributes[attribute]);
            projyear = features[0].attributes["PROJYEAR"];
            for (var i = 0; i < features.length; i++) {
                min = Math.min(min, features[i].attributes[attribute]);
                max = Math.max(max, features[i].attributes[attribute]);
                if (features[i].attributes["STFIPS"] == stfips) {
                    isastate = true;
                    stfeature = features[i];
                    highlightSymbol = createHighlightSymbol();

                    var graphic = new esri.Graphic(stfeature.geometry, highlightSymbol);
                    prvimap.graphics.add(graphic);

                    projyear = features[i].attributes["PROJYEAR"];
                    if (maptype == "jobopenings") {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyectados " + projyear + " Posiciones de área resaltada:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Job Openings of Highlighted Area:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        }
                    }
                    else {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyección de Empleo " + projyear + " de la zona resaltada:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);

                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Employment of Highlighted Area:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);
                        }
                    }
                }
            }

            var renderer = createRenderer(min, max);
            var featureLayer = createOpLayer(renderer);

            prvimap.addLayer(featureLayer);

            //mouseover conflicts with click in FF, currently disabled for states 
            prvimap.infoWindow.resize(120, 125);

            highlightSymbol = createHighlightSymbol();

            // mouse out
            prvimap.graphics.enableMouseEvents();
            dojo.connect(featureLayer, "onMouseOut", closeDialog);

            // mouse hover
            dojo.connect(featureLayer, "onMouseOver", function (evt) {
                var t = setDialogContent();

                var content = esri.substitute(evt.graphic.attributes, t);
                var highlightGraphic = new esri.Graphic(evt.graphic.geometry, null);
                prvimap.graphics.add(highlightGraphic);

                if (dialog) {
                    dialog.setContent(content);

                    dojo.style(dialog.domNode, "opacity", 0.85);
                    dijit.popup.open({ popup: dialog, x: evt.pageX, y: evt.pageY });
                }
            });

        }
    });

    queryTask.execute(query);

}

function initHILayer() {

    var queryTask = createQueryTask();
    var query = new esri.tasks.Query();
    query.returnGeometry = true;
    query.outFields = (maptype == "jobopenings") ? ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"] : ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"];
    query.outSpatialReference = { "wkid": mwkid };
    query.where = dqry;

    himap.disableMapNavigation();
    himap.disableClickRecenter();
    himap.disableDoubleClickZoom();
    himap.disableRubberBandZoom();
    himap.disableScrollWheelZoom();
    himap.disableShiftDoubleClickZoom();

    dojo.connect(queryTask, "onComplete", function (featureSet) {
        var features = featureSet.features, highlightSymbol;
        if (features.length > 0) {
            var min = max = parseFloat(features[0].attributes[attribute]);
            projyear = features[0].attributes["PROJYEAR"];
            for (var i = 0; i < features.length; i++) {
                min = Math.min(min, features[i].attributes[attribute]);
                max = Math.max(max, features[i].attributes[attribute]);
                if (features[i].attributes["STFIPS"] == stfips) {
                    isastate = true;
                    stfeature = features[i];
                    highlightSymbol = createHighlightSymbol();

                    var graphic = new esri.Graphic(stfeature.geometry, highlightSymbol);
                    himap.graphics.add(graphic);

                    projyear = features[i].attributes["PROJYEAR"];
                    if (maptype == "jobopenings") {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyectados " + projyear + " Posiciones de área resaltada:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Job Openings of Highlighted Area:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        }
                    }
                    else {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyección de Empleo " + projyear + " de la zona resaltada:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);

                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Employment of Highlighted Area:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);
                        }
                    }
                }
            }

            var renderer = createRenderer(min, max);
            var featureLayer = createOpLayer(renderer);

            himap.addLayer(featureLayer);

            // mouseover conflicts with click in FF, currently disabled for states 
            himap.infoWindow.resize(120, 125);

            highlightSymbol = createHighlightSymbol();

            // mouse out
            himap.graphics.enableMouseEvents();
            dojo.connect(featureLayer, "onMouseOut", closeDialog);

            // mouse hover 
            dojo.connect(featureLayer, "onMouseOver", function (evt) {
                var t = setDialogContent();

                var content = esri.substitute(evt.graphic.attributes, t);
                var highlightGraphic = new esri.Graphic(evt.graphic.geometry, null);
                himap.graphics.add(highlightGraphic);

                if (dialog) {
                    dialog.setContent(content);

                    dojo.style(dialog.domNode, "opacity", 0.85);
                    dijit.popup.open({ popup: dialog, x: evt.pageX, y: evt.pageY });
                }
            });
        }
    });
    queryTask.execute(query);

}

function initGULayer() {

    var queryTask = createQueryTask();
    var query = new esri.tasks.Query();
    query.returnGeometry = true;
    query.outFields = (maptype == "jobopenings") ? ["AOPENT", "STFIPS", "AREANAME", "PROJYEAR"] : ["PROJEMP", "STFIPS", "AREANAME", "PROJYEAR"];
    query.outSpatialReference = { "wkid": mwkid };
    query.where = dqry;

    gumap.disableMapNavigation();
    gumap.disableClickRecenter();
    gumap.disableDoubleClickZoom();
    gumap.disableRubberBandZoom();
    gumap.disableScrollWheelZoom();
    gumap.disableShiftDoubleClickZoom();

    dojo.connect(queryTask, "onComplete", function (featureSet) {
        var features = featureSet.features, highlightSymbol;
        if (features.length > 0) {

            var min = max = parseFloat(features[0].attributes[attribute]);
            projyear = features[0].attributes["PROJYEAR"];
            for (var i = 0; i < features.length; i++) {
                min = Math.min(min, features[i].attributes[attribute]);
                max = Math.max(max, features[i].attributes[attribute]);
                if (features[i].attributes["STFIPS"] == stfips) {
                    isastate = true;
                    stfeature = features[i];
                    highlightSymbol = createHighlightSymbol();

                    var graphic = new esri.Graphic(stfeature.geometry, highlightSymbol);
                    gumap.graphics.add(graphic);

                    projyear = features[i].attributes["PROJYEAR"];
                    if (maptype == "jobopenings") {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyectados " + projyear + " Posiciones de área resaltada:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Job Openings of Highlighted Area:<br/><br/>" + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["AOPENT"]);
                        }
                    }
                    else {
                        if ($.cookie('lang') == "es") {
                            document.getElementById("statedata").innerHTML = "<b>Proyección de Empleo " + projyear + " de la zona resaltada:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);

                        } else {
                            document.getElementById("statedata").innerHTML = "<b>Projected " + projyear + " Employment of Highlighted Area:<br/><br/> " + features[i].attributes["AREANAME"] + ": </b>" + dojo.number.format(features[i].attributes["PROJEMP"]);
                        }
                    }
                }
            }

            var renderer = createRenderer(min, max);
            var featureLayer = createOpLayer(renderer);

            gumap.addLayer(featureLayer);

            // mouseover conflicts with click in FF, currently disabled for states 
            gumap.infoWindow.resize(120, 125);

            highlightSymbol = createHighlightSymbol();

            // mouse out
            gumap.graphics.enableMouseEvents();
            dojo.connect(featureLayer, "onMouseOut", closeDialog);

            // mouse hover
            dojo.connect(featureLayer, "onMouseOver", function (evt) {
                var t = setDialogContent();

                var content = esri.substitute(evt.graphic.attributes, t);
                var highlightGraphic = new esri.Graphic(evt.graphic.geometry, null);
                gumap.graphics.add(highlightGraphic);

                if (dialog) {
                    dialog.setContent(content);

                    dojo.style(dialog.domNode, "opacity", 0.85);
                    dijit.popup.open({ popup: dialog, x: evt.pageX, y: evt.pageY });
                }
            });
        }
    });
    queryTask.execute(query);

}



function createHighlightSymbol() {
    var highlight = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1), new dojo.Color([125, 125, 125, 0]));
    return highlight;
}

function setDialogContent() {

    // any single attribute field
    var content = "";

    if (maptype == "employment") {
        if ($.cookie('lang') == 'es') {
            content = "<b>${AREANAME}</b><hr><b>Proyección de Empleo " + projyear + ": </b>${PROJEMP:NumberFormat}<br/>";
        }
        else {
            content = "<b>${AREANAME}</b><hr><b>Projected " + projyear + " Employment: </b>${PROJEMP:NumberFormat}<br/>";
        }


    }
    else if (maptype == "jobopenings") {
        if ($.cookie('lang') == 'es') {
            content = "<b>${AREANAME}</b><hr><b>Proyectado " + projyear + " Ofertas de empleo: </b>${AOPENT:NumberFormat}<br/>";
        }
        else {
            content = "<b>${AREANAME}</b><hr><b>Projected " + projyear + " Job Openings: </b>${AOPENT:NumberFormat}<br/>";
        }

    }


    return content;
}

function closeDialog() {
    dijit.popup.close(dialog);
}

function hideAttributeField(legendDijit) {
    var lgddjt = legendDijit;
    lgddjt.startup();
    legendDijit.domNode.outerHTML = lgddjt.domNode.outerHTML.replace(attribute, "");
    legendDijit.domNode.innerHTML = lgddjt.domNode.innerHTML.replace(attribute, "");
    lgddjt.destroy();
}