var isFFCheck = false;

var vecLayerFF = null, vLayerFF = null;      //矢量要素图层
var selFeatureCtrlFlash = null; //矢量要素选择控件
var selectFlashFea;
var numFlashFea = 0;
var kFlashFea = 0;
var timerFlashFea;
var style_greenFF;
function DrawFF() {
    if (!isFFCheck) {

        if ($("#FFdialog").attr("id") == undefined)
            BuildFFAlert();
        else {
            $.parser.parse($("#FFdialog")); //局部重新渲染
            $("#FFdialog").dialog("open");
        }
        initFFCtrl();
        isFFCheck = true;
    }
    else {
      //  clearFlashFea();
       // isFFCheck = false;
        $("#FFdialog").dialog("close");
    }
   
}
function BuildFFAlert() {
    var sb = '<div id="FFdialog" class="easyui-dialog" title="框选要素闪烁" style="left:900px;top:320px;width:210px; height: 200px;padding: 5px" resizable="true">'
        		+ '<div id="toolspanelFF" style= "border:1px dashed gray;">'
                  + '  <input class="functionButton" type="button" id="disp" value="生成要素"   onclick=\'randFeatures()\'/>'
                   + '<input class="functionButton" type="button" id="Button1" value="框选要素"  onclick=\'boxSelect()\'/>'
                   + ' <input class="functionButton" type="button" id="Button3" value="开始闪烁"  onclick=\'startFlashFhFea()\'/>'
                   + ' <input class="functionButton" type="button" id="Button2" value="停止闪烁"  onclick=\'stopFlashFhFea()\'/>'
                   + ' <input class="functionButton" type="button" id="Button4" value="停止拉框"  onclick=\'stopBoxFlashFea()\'/>'
                   + ' <input class="functionButton" type="button" id="Button5" value="清除"  onclick=\'clearFlashFea()\'/>'
                +'</div>' +
   '   </div>';
    $("#main").append(sb);
    $("#FFdialog").dialog({ closed: false, onClose: function () { closeFFea(); } });
    document.getElementById('disp').disabled = false;
    document.getElementById('Button1').disabled = true;
    document.getElementById('Button4').disabled = true;
    document.getElementById('Button3').disabled = true;
    document.getElementById('Button2').disabled = true;
}

function initFFCtrl()
{
    vecLayerFF = new OpenLayers.Layer.Vector("矢量图层KXYS");
    selectFlashFea = new OpenLayers.Layer.Vector("SelectionKXYS");
    map.addLayers([ vecLayerFF, selectFlashFea]);
    map.setCenter(new OpenLayers.LonLat(-4.5142085028902,10.743816236882),3);
    numFlashFea = 20;
    kFlashFea = 0;
    style_green = {
        fillColor: "#ff0000",
        fillOpacity: 1,
        hoverFillColor: "white",
        hoverFillOpacity: 0.8,
        strokeColor: "#ff0000",
        strokeOpacity: 1,
        strokeLinecap: "round",
        strokeWidth: 2,
        strokeDashstyle: "solid",
        hoverStrokeColor: "red",
        hoverStrokeOpacity: 1,
        hoverStrokeWidth: 0.2,
        pointRadius: 6,
        hoverPointRadius: 1,
        hoverPointUnit: "%",
        pointerEvents: "visiblePainted",
        cursor: "inherit"
    };

    //图层要素选择控件
    selFeatureCtrlFlash = new OpenLayers.Control.SelectFeature(vecLayerFF, {
        highlightOnly: false,
        box: true
    });

    //图层要素选择事件
    vecLayerFF.events.on({
        'featureselected': function (e) {
            if (e.feature.geometry.CLASS_NAME == "OpenLayers.Geometry.Point") {
                var pnt = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(e.feature.geometry.x, e.feature.geometry.y), null, style_green);
                selectFlashFea.addFeatures([pnt]);
            }
        },
        'featureunselected': function (e) {
            selectFlashFea.removeAllFeatures();
        }
    });

    map.addControl(selFeatureCtrlFlash);

}

function toggleLayerFlashFea() {
    if (selectFlashFea != null) {
        if (selectFlashFea.visibility) {
            selectFlashFea.setVisibility(false);
        }
        else {
            selectFlashFea.setVisibility(true);
        }
    }
}
function startFlashFhFea() {
    var getSelectKXYS = selectFlashFea.features;
    if (getSelectKXYS == null || getSelectKXYS.length<=0) {
        $.messager.alert("提示", "当前没有框选任何要素，请重新选择！", "info");
        return;
    }
    document.getElementById('disp').disabled = true;
    document.getElementById('Button1').disabled = true;
    document.getElementById('Button4').disabled = true;
    document.getElementById('Button3').disabled = true;
    document.getElementById('Button2').disabled = false;
    timerFlashFea = setInterval(toggleLayerFlashFea, 500);
}
function stopFlashFhFea() {
    clearInterval(timerFlashFea);
    selectFlashFea.redraw();
    vecLayerFF.redraw();
    selectFlashFea.setVisibility(false);
    document.getElementById('disp').disabled = true;
    document.getElementById('Button3').disabled = false;
    document.getElementById('Button2').disabled = true;
    document.getElementById('Button1').disabled = true;
    document.getElementById('Button4').disabled = false;

    //  selectFlashFea.removeAllFeatures();


}

//随机生成矢量要素
function randomCreateFeatureFhFea(vLayer, numFlashFea) {
    var curMapBound = map.getExtent();
    var w = curMapBound.right - curMapBound.left;
    var h = curMapBound.top - curMapBound.bottom;

    if (vLayer== null) {
        vLayer = new OpenLayers.Layer.Vector("矢量图层");
        map.addLayers([vLayer]);
    }
    else {
        vLayer.removeAllFeatures();
    }
    var curResolution = map.getResolution();
    for (var i = 0; i < numFlashFea; i++) {
        var x = Math.random() * w + curMapBound.left;
        var y = Math.random() * h + curMapBound.bottom;
        var newPoint = new OpenLayers.Geometry.Point(x, y);
        var pntFeature = new OpenLayers.Feature.Vector(newPoint, null, null);
        vLayer.addFeatures([pntFeature]);
    }
}

function randFeatures() {
    randomCreateFeatureFhFea(vecLayerFF, 50);
    document.getElementById('disp').disabled = true;
    document.getElementById('Button1').disabled = false;
    document.getElementById('Button4').disabled = true;
    document.getElementById('Button3').disabled = true;
    document.getElementById('Button2').disabled = true;
}
function boxSelect() {
    selectFlashFea.setVisibility(false);
    selFeatureCtrlFlash.activate();
    document.getElementById('disp').disabled = true;
    document.getElementById('Button1').disabled = true;
    document.getElementById('Button2').disabled = true;
    document.getElementById('Button3').disabled = false;
    document.getElementById('Button4').disabled = true;

}
function stopBoxFlashFea() {
    document.getElementById('disp').disabled = true;
    document.getElementById('Button1').disabled = false;
    document.getElementById('Button2').disabled = true;
    document.getElementById('Button3').disabled = true;
    document.getElementById('Button4').disabled = false;

    selFeatureCtrlFlash.unselectAll();
    selFeatureCtrlFlash.deactivate();
    vecLayerFF.redraw();
    selectFlashFea.removeAllFeatures();
    selectFlashFea.setVisibility(false);

}
         function closeFFea() {
             if (timerFlashFea) {
                 clearInterval(timerFlashFea);
             }
             document.getElementById('disp').disabled = false;
             document.getElementById('Button1').disabled = true;
             document.getElementById('Button2').disabled = true;
             document.getElementById('Button3').disabled = true;
             document.getElementById('Button4').disabled = true;
             if (selFeatureCtrlFlash) {
                 selFeatureCtrlFlash.deactivate();
             }
             map.removeLayer(vecLayerFF);
             map.removeLayer(selectFlashFea);
             map.removeControl(selFeatureCtrlFlash);
             vecLayerFF = null;
             selectFlashFea = null;
             selFeatureCtrlFlash = null;
              numFlashFea = 0;
              kFlashFea = 0;
              timerFlashFea=null;
              style_green=null;
             isFFCheck = false;
         }
         function clearFlashFea() {
             closeFFea();
             isFFCheck = true;
             initFFCtrl();
         }