OpenMap.Layer.DynamicMarkerClient = OpenLayers.Class(OpenLayers.Layer.Markers, {
	layerId : "",
	singleTile : false,
	// isBaseLayer: false,
	// markers: null,
	// drawn: false,
	// markerId: [],
	isServerSide : false,
	legend : null,
//각종 주제도 속성 /////   
	layerProperty : null,
	iconType : "Normal",
	disableFeatureIds : {},
////////////////////
	getName : function() {
		return this.layerProperty.LAYER_NM;
	},

	getLayerId : function() {
		return this.layerProperty.LAYER_ID;
	},
//    projection:"EPSG:4326",
//    displayProjection:"EPSG:900913",
	initialize: function(options) {
		this.layerProperty = options.layerProperty;    
		OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);
		this.layerId = options.layerProperty.LAYER_ID;
		this.singleTile = options.singleTile || false;// ? options.singleTile : false,
//        this.isBaseLayer = options.isBaseLayer || false;
	},
	//CLASS_NAME: "OpenLayers.Layer.Markers",
	CLASS_NAME: "OpenMap.Layer.DynamicMarkerClient",
	
	setProperty: function(property) {
		this.property = property;
		this.events.triggerEvent('propertychanged', {layer:this});
	},

	//initialize icons for zoom level
//    initIcon : function(marker){
// 	   //small icon
// 	   marker.miniIcon = {
// 			   url : OpenMap.Config.imgBaseUrl+'entypo_braceright.svg?fill='+marker.columns.MINICOLOR+'&size=10',
// 			   size : new OpenLayers.Size(10, 10)
// 	   };
// 	   //big icon
// 	   marker.bigIcon = {
// 			   url : marker.icon.url,
// 			   size : new OpenLayers.Size(marker.icon.size.h, marker.icon.size.w)
// 	   };
//    },
//    
	setMap: function(map) {        
		OpenLayers.Layer.Markers.prototype.setMap.apply(this, arguments);
		this.loadData();
		this.refreshMarkers();
		this.registerZoomEvent();
	},
	refreshMarkers : function(event){
// 		for(var i=0; i< this.markers.length;i++){
// 	   		if(this.markers[i].columns.MINILEVEL > this.map.getResolution()){	//icon
// 	   			this.markers[i].icon.setSize(this.markers[i].bigIcon.size);
// 	   			this.markers[i].icon.setUrl(this.markers[i].bigIcon.url);
// 	   		}else{	//mini circle
// 	   			this.markers[i].icon.setSize(this.markers[i].miniIcon.size);
// 	   			this.markers[i].icon.setUrl(this.markers[i].miniIcon.url);
// 	   		}
// 	   	}
		
//    	if(this.layerProperty.MINI_MPP > this.map.getResolution()){	//icon
//    		var size = this.layerProperty.MATRIX_JSON[0][0].shapeSize;
//    		var color = this.layerProperty.MATRIX_JSON[0][0].shapeFill;
//    		var imageName = this.layerProperty.MATRIX_JSON[0][0].shapeUrl;
//    		var imageUrl = OpenMap.Config.imgBaseUrl+imageName+'.svg?fill='+color+'&size='+size;
//    		for(var i=0; i< this.markers.length;i++){
// 	   			this.markers[i].icon.setSize(new OpenLayers.Size(size, size));
// 	   			this.markers[i].icon.setUrl(imageUrl);
//    		}
//    	}else{	//mini circle
//    		var color = this.layerProperty.MATRIX_JSON[0][0].miniColor;
//    		for(var i=0; i< this.markers.length;i++){
//	    		this.markers[i].icon.setSize(new OpenLayers.Size(10, 10));
//	 	   		this.markers[i].icon.setUrl(OpenMap.Config.imgBaseUrl+'entypo_braceright.svg?fill='+color+'&size=10');
// 	   		}
// 	   	}
		
		if(this.layerProperty.MINI_MPP == undefined 
				|| this.layerProperty.MINI_MPP < 0
				|| this.layerProperty.MINI_MPP > this.map.getResolution()){	//icon
			if(this.iconType == "Normal")
				return;
			for(var i=0; i< this.markers.length;i++){
				var itemInfo = this.legend.parseItem(this.markers[i],true);
				this.markers[i].icon.setSize(itemInfo.icon.size);
				this.markers[i].icon.setUrl(itemInfo.icon.url);
			}
			this.events.triggerEvent('propertychanged', {layer:this});
			this.iconType = "Normal"
		}else{	//mini circle
			if(this.iconType == "Mini")
				return;
			for(var i=0; i< this.markers.length;i++){
				var loc = this.legend.findItemLoc(this.markers[i]);
				var color = this.layerProperty.MATRIX_JSON[loc[0]][loc[1]].miniColor;
				if(color != undefined && color != ""){
					this.markers[i].icon.setSize(new OpenLayers.Size(10, 10));
					this.markers[i].icon.setUrl(OpenMap.Config.imgBaseUrl+'entypo_braceright.svg?fill='+color+'&size=10');
				}else{
					var itemInfo = this.legend.parseItem(this.markers[i],true);
					this.markers[i].icon.setSize(itemInfo.icon.size);
					this.markers[i].icon.setUrl(itemInfo.icon.url);
				}
			}
			this.events.triggerEvent('propertychanged', {layer:this});
			this.iconType = "Mini"
		}
	},
	removeMap: function(map)
	{
		this.unregisterZoomEvent();
		OpenLayers.Layer.Markers.prototype.removeMap.apply(this, arguments);	
	},
	loadData: function()
	{
		this.legend = new MapLegend(
		{matrix: this.layerProperty.MATRIX_JSON
		,cost: this.layerProperty.COST_JSON
		,category: this.layerProperty.CATEGORY_JSON});
	
		var params = {
			cmd: 'data',
			layer: this.layerProperty.LAYER_ID,
			minx: 0,
			miny: 0,
			maxx: 20000000,
			maxy: 20000000,
			zoom: 1
		};     
		$.ajax({
		  url: OpenMap.Config.distUrl,
		  context: this,
		  cache: false,
		  type: "GET",
		  timeout:10000,
		  dataType: "json",
		  data: params,
		  async: false,
		  success: function(items)
		  {
			for(var i = 0 ; i<items.length ; i++)
			{
				var itemInfo = this.legend.parseItem(items[i],true);
				if(itemInfo == null)
				{
					continue;
				}
				//console.log(items[i]);                
				var marker = new OpenLayers.Marker(new OpenLayers.LonLat(items[i].X,items[i].Y), itemInfo.icon);
//                marker.events.register('mousedown', marker, 
//                		function(evt) { alert(this.icon.url); OpenLayers.Event.stop(evt); });
				this.addMarker(marker);
				marker.featureId = itemInfo.featureId;
				// if(marker.columns == undefined)
				//     marker.columns = [];
				marker.columns = items[i];
				// this.markerId.push(items[i].NM);
			}
			  
			//test code start
//            
//        	  var test = [
//        	{CA: "대구광역시도시철도공사",
//      		  CO: 580372,
//      		  ETC_$_LAT: "35.809488",
//      		  ETC_$_LINE_NO: "대구1호선",
//      		  ETC_$_LON: "128.512543",
//      		  ID: "1",
//      		  NM: "대곡",
//      		  X: 14305950.9,
//      		  Y: 4274438.8,
//      		  MINICOLOR: "0x30c78a",
//      		  MINILEVEL: 306},
//      	  { CA: "대구광역시도시철도공사",
//      			  CO: 271868,
//      			  ETC_$_LAT: "35.816144",
//      			  ETC_$_LINE_NO: "대구1호선",
//      			  ETC_$_LON: "128.530325",
//      			  ID: "3",
//      			  NM: "월배",
//      			  X: 14307930.3,
//      			  Y: 4275352.5,
//      			  MINICOLOR: "0xa930c7",
//         		  MINILEVEL: 306}];
//            
//            for(var i = 0 ; i<test.length ; i++)
//            {
//                var itemInfo = legend.parseItem(test[i],true);
//                if(itemInfo == null)
//                {
//                    continue;
//                }
//                //console.log(items[i]);                
//                var marker = new OpenLayers.Marker(new OpenLayers.LonLat(test[i].X,test[i].Y), itemInfo.icon);
////                marker.events.register('mousedown', marker, 
////                		function(evt) { alert(this.icon.url); OpenLayers.Event.stop(evt); });
//                this.addMarker(marker);
//                marker.featureId = itemInfo.featureId;
//                // if(marker.columns == undefined)
//                //     marker.columns = [];
//                marker.columns = test[i];
//                this.initIcon(marker);
//                // this.markerId.push(items[i].NM);
//            }
//            this.registerZoomEvent();
//            this.refreshMarkers();
//            
			//test code end
		  },
		  error: function(XMLHttpRequest, textStatus, errorThrown) { 
			alert("Status: " + textStatus + '\n' + "Error: " + errorThrown); 
		  }
		});
	},

	showFeatures: function(featureId,isShow)
	{
		if(isShow)		
			this.disableFeatureIds[featureId] = false;
		else
			this.disableFeatureIds[featureId] = true;

		for(var i=0;i<this.markers.length;i++)
		{
			if(this.markers[i].featureId == featureId)
				this.markers[i].display(isShow);
		}
	},
	
	hitTest : function(screenXY, inputLonlat){
		
		if(this.getVisibility() == false){
		  return null;
		}

		// inputLonlat.lon = Math.floor(inputLonlat.lon * 10) / 10;
		// inputLonlat.lat = Math.floor(inputLonlat.lat * 10) / 10;
		
		// var result = "";
		// var halfRes = (this.getResolution() * 5)/2;
		var result = new Array();
		for(var i=0;i<this.markers.length;i++){
			var icon = this.markers[i].icon;
			var bound = new OpenLayers.Bounds(
					icon.px.x - icon.size.w/2, 
					icon.px.y - icon.size.h/2, 
					icon.px.x + icon.size.w/2, 
					icon.px.y + icon.size.h/2
					);
			if(bound.contains(screenXY.x, screenXY.y, false)) {
				// result += this.markerId[i] + " ";
				// result += i + " ";
				// return {id:i, obj:this.markers[i]};
				result[result.length] = {id:i, obj:this.markers[i]};
			}

			// var lon = this.markers[i].lonlat.lon - halfRes;
			// var lon1 = this.markers[i].lonlat.lon + halfRes;
			// var lat = this.markers[i].lonlat.lat - halfRes;
			// var lat1 = this.markers[i].lonlat.lat + halfRes;
			
			// if(((lon <= inputLonlat.lon) &&  (inputLonlat.lon <= lon1))
			//          && ((lat <= inputLonlat.lat) &&  (inputLonlat.lat <= lat1))){
			//  result += this.markerId[i] + " ";
			// }
		}
		// if(result != ""){
		//     alert(result);
		//     return true;
		// }
		// return false;
		return result;
	},
	// //클릭 이벤트 추가 
	// click : function(screenXY, inputLonlat){
		
	// 	if(this.getVisibility() == false){
		//   return false;
	 //  	}
		
	// 	inputLonlat.lon = Math.floor(inputLonlat.lon * 10) / 10;
	// 	inputLonlat.lat = Math.floor(inputLonlat.lat * 10) / 10;
		
	// 	var result = "";
	// 	var halfRes = (this.getResolution() * 5)/2;
	// 	for(var i=0;i<this.markers.length;i++){
			
	   //  	var lon = this.markers[i].lonlat.lon - halfRes;
	   //  	var lon1 = this.markers[i].lonlat.lon + halfRes;
	   //  	var lat = this.markers[i].lonlat.lat - halfRes;
	   //  	var lat1 = this.markers[i].lonlat.lat + halfRes;
			
	   //  	if(((lon <= inputLonlat.lon) &&  (inputLonlat.lon <= lon1))
	   //  				&& ((lat <= inputLonlat.lat) &&  (inputLonlat.lat <= lat1))){
	   //  		result += this.markerId[i] + " ";
	// 		}
	// 	}
	// 	if(result != ""){
	// 		alert(result);
	// 		return true;
	// 	}
	// 	return false;
	// }
	
	
	registerZoomEvent : function(){
		if(this.map != undefined){
			this.map.events.register('zoomend', this, this.refreshMarkers);
		}
	},
	unregisterZoomEvent : function(){
		if(this.map != undefined){
			this.map.events.unregister('zoomend', this, this.refreshMarkers);
		}
	},
	omprint : function(zoom, minX, minY, maxX, maxY)
	{
		var markers = {};		
		var bounds = new OpenLayers.Bounds(minX,minY,maxX,maxY);

		// 레이어 숨김 속성..
		if(this.visibility == false)
			return [];
		// 모든 마커에 대해
		for(var i=0;i<this.markers.length;i++)
		{			
			var m = this.markers[i];

			// 숨겨진 마커는 스킵.
			if(this.disableFeatureIds[m.featureId] == true)
				continue;

			// 반경안에 들어오지 않으면 스킵.
			if(bounds.containsLonLat(m.lonlat) == false)
				continue;

			// 처음 등장한 featureId 에 대해 image name / type / opacity 등 초기값 세팅.
			if(markers[m.featureId] == null)
			{
				var imageUrl = null;
				if(this.layerProperty.MINI_MPP == undefined 
					|| this.layerProperty.MINI_MPP < 0
					|| this.layerProperty.MINI_MPP > this.map.getResolutionForZoom(zoom))	// 일반.
				{
					var itemInfo = this.legend.parseItem(m,true);
					var loc = this.legend.findItemLoc(m);
					var color = this.layerProperty.MATRIX_JSON[loc[0]][loc[1]].miniColor;
					if(color != undefined && color != ""){
						imageUrl = OpenMap.Config.imgBaseUrl+'entypo_braceright.svg?fill='+color+'&size=10';
					}else{
						imageUrl = itemInfo.icon.url;
					}	
				}
				else // 작은 아이콘.
				{
					var itemInfo = this.legend.parseItem(m,true);
					imageUrl = itemInfo.icon.url;

				}
				var marker = {
					type : "image",
					opacity : this.opacity,
					imageUrl : imageUrl,
					points : []
				};					
				markers[m.featureId] = marker;
			}
			// 마커 좌표 추가.
			markers[m.featureId].points.push(m.lonlat.lon,m.lonlat.lat);				
		}

		var ret = [];
		// featureId 별로 정리했던 목록을 array로 변환후 리턴.
		for(var k in markers)
		{
			if(markers.hasOwnProperty(k))
				ret.push(markers[k]);
		}

		return ret;
	}
});