var toggleFacFilter = "";

var TPCFeatureInfoCtrl=function (config,funProcFeautres)//(popupFrm,commands){ //ctlMouseOver,ctlClick,ctlDblClick){
{
    this.checkVal = toggleFacFilter;

	this.setProcFeautres=function(funcProc)
	{
	funProcFeautres=funcProc;
	}
    var ctl= new OpenLayers.Control.WMSGetFeatureInfo({
        //    url: 'http://www.ximple.com.tw:80/geoserver/xtpc/wms',
        maxFeatures:OpenLayers.WMSFEATURECOUNT,
        title: 'Identify features by clicking',
        projection:config.projection,
        layers: [],
        drillDown:false,
        eventListeners: {
			 beforegetfeatureinfo: function(evt) {
			 /*
			 this.vendorParams['cql_filter']=this.layers[0].params.CQL_FILTER;
					if(config.filterDgn==true)
					{
					
						var qTemp=config.map.getLonLatFromPixel(evt.xy);
						qTemp = qTemp.transform(config.map.projection, tw97);
						
						var dgnid=dgnParser.get1000(qTemp.lon,qTemp.lat);
						//config.map.projection 3857
						if(typeof(this.vendorParams['cql_filter'])=='undefined')
						{
							this.vendorParams['cql_filter']='DGNID='+dgnid;
						}
						else
						{
							this.vendorParams['cql_filter']=this.vendorParams['cql_filter']+ 'AND DGNID='+dgnid;
						}
						if (this.checkVal.length > 0)
						{
						    this.vendorParams['cql_filter'] = this.vendorParams['cql_filter'] + ' AND ' + this.checkVal;

						}

					}*/
					if(typeof(this.vendorParams['cql_filter'])=='undefined')
					{
						delete this.vendorParams.cql_filter;
					}
                },
            getfeatureinfo: function(event) {
				
			    //console.log(event);
                //var items = [];
				/*
                var result={};
                for(var idx=0;idx<event.features.length;idx++)
                {
                    var aFeature=event.features[idx];
                    var aFeatureKey=aFeature.attributes.tid+'-'+aFeature.attributes.did+'-'+aFeature.attributes.oid;
                    if(result.hasOwnProperty(aFeatureKey))
                    {
                        if(aFeature.attributes.cid=='0')
                        {
                            result[aFeatureKey]=aFeature;
                        }
                    }
                    else
                    {
                        result[aFeatureKey]=aFeature;
                    }
                }
				//debugger;
                var distinct=[];
                for(var aFeatureKey in result)
                {
                    distinct.push(result[aFeatureKey]) ;
                }
				*/
                    //debugger;
				if(funProcFeautres)funProcFeautres({event:event});
            }
        },
        queryVisible: true});

    ctl.infoFormat = 'application/vnd.ogc.gml';
		//if(callbackFun!=null)
		//     ctl.events.register("getfeatureinfo", this, callbackFun);
    return ctl;

} ;


function DrawControl(initLayer,config)
{
if(typeof(config)=='undefined')config={};

var controlmap=config.map;
var vectorLayer=initLayer;

var reportEvent;
if (window.console && window.console.log) {
    reportEvent = function(event) {
	//debugger;
        console.log(event.type,
                    event.feature ? event.feature.id : event.components);
    };
} else {
    reportEvent = function() {
	};
}



this.setToggleFac=function(cnd){
    toggleFacFilter = cnd;
}

var drawControls = {
    pan: new OpenLayers.Control.Pan(),
   // zoombox:new OpenLayers.Control.ZoomBox(),
 //   zoomin:new OpenLayers.Control.ZoomIn(),
 //   zoomout:new OpenLayers.Control.ZoomOut(),
    point: new OpenLayers.Control.DrawFeature(vectorLayer,
                OpenLayers.Handler.Point),
   // multiPoint: new OpenLayers.Control.DrawFeature(vectorLayer,
   //             OpenLayers.Handler.Point, {handlerOptions: {multi: true}}),
    line: new OpenLayers.Control.DrawFeature(vectorLayer,
                OpenLayers.Handler.Path),
    polygon: new OpenLayers.Control.DrawFeature(vectorLayer,
                OpenLayers.Handler.Polygon
				),
	modify: new OpenLayers.Control.ModifyFeature(vectorLayer, {
        deferDelete: true,
        eventListeners: {
            'beforefeaturedeleted': reportEvent,
            'featuredeleted': reportEvent
        },
        tools: [ // custom tools
        { 
            // to rotate the "angle" attribute of a ponit by steps of 15 degrees
            geometryTypes: ['OpenLayers.Geometry.Point',
                            'OpenLayers.Geometry.MultiPoint'],
            dragAction: function(feature, initialAtt, escale, rotation) {
                var angle = ((initialAtt.angle || 0) - rotation) % 360;
                // force steps of 15 degrres
                angle = Math.floor(angle / 15) * 15;
                feature.attributes.angle = angle;
            },
            style: OpenLayers.Control.ModifyFeature_styles.rotate
        }, {
            // to resize the pointRadius.
            geometryTypes: ['OpenLayers.Geometry.Point',
                            'OpenLayers.Geometry.MultiPoint'],
            dragAction: function(feature, initialAtt, escale, rotation) {
                var radius = (initialAtt.radius || 6) * escale;
                feature.attributes.radius = Math.max(6, radius);
            },
            style: OpenLayers.Control.ModifyFeature_styles.resize
        }, {
            // to close a lineString as a ring
            geometryTypes: ['OpenLayers.Geometry.LineString'],
            pressingAction: function(feature) {
                var geometry = feature.geometry;
                geometry.addComponent(geometry.components[0].clone());
            },
            style: {
                label:'ring',
                title: 'press to close as a ring',
                cursor: "pointer",
                fontSize: '8px',
                fontColor: '#222',
                pointRadius: 10,
                fillColor: '#cccccc',
                strokeColor: '#444444'
            }
        }]
    })		
    
};
	drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.VERTICES;
	drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.ROTATE;
	drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.RESIZE;
	//drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.DEFORM;
	drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.DRAG;
	drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.DELETE;
	//drawControls.modify.mode |= OpenLayers.Control.ModifyFeature.RESHAPE;
	//addfunction
	//drawControls["tpcquery"]= TPCFeatureInfoCtrl({"projection":"EPSG:3826"},function(){});
DrawControl.prototype.addControl=function(name,ctl)
{
	drawControls[name]=ctl;
}
	
DrawControl.prototype.getDrawControls=function(){ return drawControls;}





//var toolbarPanel=new OpenLayers.Control.NavToolbar();
var toolbarPanel=[];
// maketools

function toggleControl(apiName,callbackFunc,func_type) {

    for (key in drawControls) {
        var aCtl = drawControls[key];
		aCtl.setMap(controlmap); //this==panel
        if (apiName === key ) {//&& element.checked
				
          
				var aCtldeactivate=function(evt)
				{
					if(typeof(callbackFunc)!='undefined')
					{
						
						callbackFunc(evt);
						
						//halt ,marked=forever
						//toggleControl('pan');
						
						//drawControls[key].events.unregister('featureadded', drawControls[key],this); 
			
						
					}
				}
			if(drawControls[key].events.listeners.hasOwnProperty('featureadded'))
			{
			drawControls[key].events.listeners['featureadded'].splice(0,1);
			/*
				var listeners = drawControls[key].events.listeners['featureadded'];
				for (var idxOfEvent=0; idxOfEvent<listeners.length; idxOfEvent++) 
				{
				if(listeners[idxOfEvent].obj==drawControls[key]
					&& listeners[idxOfEvent].func==aCtldeactivate)
					{
						listeners.splice(idxOfEvent, 1);
						break;
					}
					
				}
					*/
			}
			if(func_type||'draw'=='draw')
			{
				drawControls[key].events.register('featureadded', drawControls[key],aCtldeactivate); 
			}

			if (apiName == "facquery") {
			    aCtl.checkVal = toggleFacFilter;
			}


            aCtl.activate();
        } else {
            aCtl.deactivate();
        }
    }
}
DrawControl.prototype.toggle=function(apiName,recallFunc)
{
toggleControl(apiName,recallFunc);
}
/*
DrawControl.prototype.query=function(apiName,recallFunc)
{
toggleControl(apiName||'facQuery',recallFunc,'query');
}*/
var extToolbar = [];
var btnsubmenu4 = [];
DrawControl.prototype.addExtToolButton = function (name, config, handler) {
    var btn = // new OpenLayers.Control.Button({
        ({
            text: name,
            tooltip: config.name,
            /*{
                text: name
            },*/
            id: config.eventId || name + "  ",
            //trigger: handler||function(a){
            //		console.log('newBtnClick');
            config: config || {},
            handler: handler || function (a) {
                //  console.log('default-'+eventId);
                toggleControl(config.eventId);
            }
            // ,type: OpenLayers.Control.TYPE_BUTTON
        });

    delete btn.iconCls;
    btn.text = btn.tooltip;
    btn.width = 120;
    btn.height = 24;

    if (config.menu == "submenu4") {
        if (btnsubmenu4 == "") {
            btnsubmenu4 = {
                text: 'OA定位',
                tooltip: 'OA定位',
                width: 50,
                height: 40,
                iconCls: 'tblocate',
                menu: [], handler: function (a) { }
            }
        }
        delete btn.iconCls;
        btn.text = btn.tooltip;
        btn.width = 120;
        btn.height = 24;
        btnsubmenu4.menu.push(btn);
    }
    return btn;
}

DrawControl.prototype.getExtToolbar=function()
{
    var extToolbar = [];
    var btnsubmenu3 = {

        text: '設備定位',
        tooltip: '設備定位',
        width: 50,
        height: 40,
        iconCls: 'tblocate',
        menu: [], handler: function (a) { }

    }
    var btnsubmenu2 = {

        text: '查詢',
        tooltip: '查詢',
        width: 50,
        height: 40,
        iconCls: 'tbquery',
        menu: [], handler: function (a) { }

    }
    var btnsubmenu1 = {

        text: '基本定位',
        tooltip: '基本定位',
        width: 50,
        height: 40,
        iconCls: 'tblocate',
        menu: [], handler: function (a) { }

    }

    var btn = dwc1.addExtToolButton('道路定位', { eventId: 'locRoad', name: '道路定位' }, function () {
        Ext.getCmp("InputLocateRoad").show();
    });
    btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('門牌定位', { eventId: 'locAddr', name: '門牌定位' }, function (sender) {
        dwc1['qf']({ group: "ADDRESS0", name: "q", displayname: "", column: [] },
         {
             qconfig: { catelog: 'address' },
             querybyDgnUfid: false, SelectLayout: 'onlyResult'
         });
    });
        btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('重要地標定位', { eventId: 'locLMark', name: '重要地標定位' }, function (sender) {
        dwc1['qf']({
            group: "LANDMARK.0", name: "q", displayname: "查詢", column: [
             { "cname": "名稱", "ctype": "str", "require": false, "code": [] }
            ]
        },
        {
            qconfig: { catelog: 'theme' },
            querybyDgnUfid: false, SelectLayout: 'onlyResult'
        });
    });
    btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('圖號定位', { eventId: 'locGraph', name: '圖號定位' }, function () {
        Ext.getCmp("InputLocateMapNo").show(); 
    });
    btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('座標定位', { eventId: 'locCor', name: '座標定位' }, function () {
        Ext.getCmp("InputLocateXY").show();
    });
    btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('分處定位', { eventId: 'locDiv', name: '分處定位' }, function (sender) {
        Ext.getCmp("InputSubdivisionLocate").show(); 
        
        dwc1['qf']({ group: "DEPT", name: "q", displayname: "", column: [] },
          {
              qconfig: { catelog: 'theme' },
              querybyDgnUfid: false, SelectLayout: 'onlyResult'
          });
    });
    btnsubmenu1.menu.push(btn);

    btn = dwc1.addExtToolButton('座標查詢', { eventId: 'qryCor', name: '座標查詢' }, function () { QueryXY(); });
    btnsubmenu2.menu.push(btn);
    btn = dwc1.addExtToolButton('圖號查詢', { eventId: 'QryGraph', name: '圖號查詢' }, function () { QueryMapNO(); });
    btnsubmenu2.menu.push(btn);


    extToolbar.push(btnsubmenu1);
    extToolbar.push(btnsubmenu2);

    var queryHandler = new twdQueryInfo();//["HYDRANT", "VALVE", "METER", "DRINK", "STATION"]

    var idxOfQH;

    for (idxOfQH = 0; idxOfQH < queryHandler.getSchema().length; idxOfQH++) {

        if (typeof (queryHandler.getSchema()[idxOfQH].group) == "undefined") continue;
        if (typeof (queryHandler.getSchema()[idxOfQH].name) == "undefined") continue;

        btn = dwc1.addExtToolButton(
            queryHandler.getSchema()[idxOfQH].group + queryHandler.getSchema()[idxOfQH].name,
            {
                iconCls: queryHandler.getSchema()[idxOfQH].group,
                queryinfo: queryHandler.getSchema()[idxOfQH],
                name: queryHandler.getSchema()[idxOfQH].displayname
            }, function (sender) {
                //{group: "HYDRANT", name: "q", displayname: "消防栓", column: Array[2]}
                //sender.config.queryinfo
                dwc1['qf'](sender.config.queryinfo);
            }
        );

        btnsubmenu3.menu.push(btn);

    }//end if

    extToolbar.push(btnsubmenu3);

    extToolbar.push(btnsubmenu4);
    
    return  extToolbar;
}

DrawControl.prototype.buildExtToolBar=function()
{
    var tbl1 = this.getExtToolbar();
    var extToolpanel1 = Ext.create('Ext.window.Window', {
        //width:420,height:75,
        title: "圖台工具列",
        id: "CIESBaseFunctionFrom",
        closable: false,
        floating: true,
        height: 200, width: 80,
        headerPosition: 'left',
        layout: 'fit',
        //items:[{xtype:'button',text:'test'},{xtype:'button',text:'test'},{xtype:'button',text:'test'}   ],
        //bbar:tbl1,
        dockedItems: [
            {
                xtype: 'toolbar', dock: 'left', height: '38px',
                items: tbl1
            }
        ]
    });

    extToolpanel1.showAt(50,250);

	return extToolpanel1;
}


//toolbarPanel.addControls([btnDrawPoint,btnDrawLine,btnDrawPolygon,btnModify]);
DrawControl.prototype.addToolBarButton=function(name,eventId)
{
// new OpenLayers.Control.Button(
	var btn= { 
	 title: name,
	  id: eventId
	  /*,
	  trigger: handler||function(a){
		 toggleControl(eventId);
	  }*/
	 // type: OpenLayers.Control.TYPE_BUTTON
	}; 
	toolbarPanel.push(btn);
	//toolbarPanel.addControls([btn]);

//this.getToolbar=function(map){
//toolbarPanel.setMap(map);
//return toolbarPanel;
}

/* for example
this.addToolBarButton("導覽","pan");
this.addToolBarButton("畫點","point");
this.addToolBarButton("畫線","line");
this.addToolBarButton("畫面","polygon");
this.addToolBarButton("修改","modify");
*/
DrawControl.prototype.buildTbl=function(tblid,option)
{
	//option.id= mapControl_name
	option=option||{};
	var elmTbl=document.getElementById(tblid);
	if(typeof(elmTbl)=="undefined")return;
	if(typeof (option.ctlName)=='undefined') return;
	elmTbl.setAttribute("style","z-index:1000");
	elmTbl.classList.add("oltoolbar");
	
	var aBtn0=document.createElement("ul");

	
	for(var idx=0;idx<toolbarPanel.length;idx++)
	{
		
		var aBtn1= document.createElement("li");
		var aBtn2=document.createElement("a");
		aBtn2.innerHTML=toolbarPanel[idx].title;
		//aBtn.setAttribute("type","button");
		aBtn2.setAttribute("id",toolbarPanel[idx].id);
		aBtn2.setAttribute("href","#");
		aBtn2.setAttribute("onclick",""+option.ctlName+".toggle('"+toolbarPanel[idx].id+"');");// toolbarPanel[idx].trigger||function(){});
		//aBtn2.setAttribute("name",toolbarPanel[idx].title||' ');
		aBtn2.setAttribute("title",toolbarPanel[idx].title||' ');
		//aBtn.setAttribute("btn",toolbarPanel[idx].trigger||function(){});
		aBtn1.classList.add("oltoolbaritem");
		aBtn1.appendChild(aBtn2);
		aBtn0.appendChild(aBtn1);
	/*
	
	 title: name,
	  id: eventId,
	  trigger:*/
	  
	}
	elmTbl.appendChild(aBtn0);
}

DrawControl.prototype.getMap=function(){
return controlmap;
}
var	ctlLocate=new CtlLocate(controlmap);

DrawControl.prototype.locationTo= function(config)
{
	if(typeof(config.drawAs)=="undefined")
	{config["drawAs"]='point';}
	if(typeof(config.zoomToCenter)=="undefined")
	{config["zoomToCenter"]=true;}

	ctlLocate.action(config);
}

DrawControl.prototype.clearMark= function(config)
{
	ctlLocate.cancel(config);
}

var ctlGetWKT;
ctlGetWKT=new CtlGetWKT(controlmap);
DrawControl.prototype.getWkt= function(config)
{
	return ctlGetWKT.action(config);
}
DrawControl.prototype.clearDraw= function(config)
{
	ctlGetWKT.cancel();
}


var ctlCopyFeatures= new CtlCopyFeatures(initLayer);
//
var featureSelect={mode:"view",resetMode:"view"};
//,deleteSrc:false,clearAll:false,funclick:function(attr){}};
DrawControl.prototype.setSelection= function(config)
{	
	if(typeof(config)=='undefined')config={};
	featureSelect.mode=config.mode||'view';
	featureSelect.resetMode=config.resetmode||'view';
	featureSelect.deleteSrc=config.deleteSrc||false;
	featureSelect.clearAll=config.clearAll||false;
	//featureSelect.srcLayer=config.srcLayer||'markup';
	//featureSelect.desLayer=config.desLayer||'drawTemp';
	featureSelect.funclick=config.funclick||function(mode,attr){};
}

function onFeatureSelect(feature) {

	if(featureSelect.mode=="edit")
	{
	ctlCopyFeatures.action({features:[feature],clearAll:featureSelect.clearAll});
	if(typeof(featureSelect.funclick)!="undefined")
	featureSelect.funclick(featureSelect.mode,feature.attributes);

		if(featureSelect.deleteSrc)
		{
			feature.destroy();
		}
		featureSelect.funclick=function(mode,evt){};
	}
	else
	{
	if(typeof(featureSelect.funclick)!="undefined")
		featureSelect.funclick(featureSelect.mode,feature.attributes);
	}	
	
	featureSelect.mode=featureSelect.resetMode;

/*
    //selectedFeature = feature;
	 if(handlePopup){      
        e.feature.layer.map.removePopup(handlePopup);
        handlePopup.destroy();
        handlePopup = null;
    }
	handlePopup=new OpenLayers.Popup.FramedCloud(
                        "chicken", 
                        feature.geometry.getBounds().getCenterLonLat(),
                        null,
                        feature.attributes.descript+'<br />'+'<a href="#" onclick="...">修改</a>',
                        null,
                        true
                    );
   feature.layer.map.addPopup(handlePopup);
	*/
}

function onFeatureUnselect(feature) {
    //map.removePopup(feature.popup);
    //feature.popup.destroy();
    //feature.popup = null;

} 


DrawControl.prototype.Events= {
	onFeatureSelect:onFeatureSelect,
	onFeatureUnselect:onFeatureUnselect
	//featureQuery:facQueryHandle
	}

};



var CtlWriteLog=function(dataList,notifyEvent) {

    var notiftChanges=function()
    {
        if(notifyEvent!=null)
            notifyEvent.action(dataList);
    }
    this.action=function(data,wkttext)
    {
        dataList.push(wkttext);
        notiftChanges();
    };
    this.cancel=function()
    {
        dataList=[];
        notiftChanges();

    };

};