/**
 * 底图切换
 * @author Wenyb
 * @date 2015/6/29
 */
define([
	"dojo/_base/declare",
	"base/BaseControl",
	"dojo/text!controls/mapswitch/MapSwitchControl.html",
	"dojo/dom-style",
	"dojo/on",
	"base/AppEvent",
	"base/ConfigData",
	"dojo/_base/array",
	"dojo/dom-class",
	"dojo/dom-construct",
	"dojo/mouse",
	"dojo/dom",
	"dojo/dom-attr",
	"dojo/_base/lang"
], function(
	declare,
	BaseControl,
	template,
	domStyle,
	on,
	AppEvent,
	ConfigData,
	arrayUtil,
	domClass,
	domConstruct,
	mouse,
	dom,
	domAttr,
	lang
) {
	var Widget = declare("MapSwitchControl", [BaseControl], {
		templateString: template,
		visibleGroupLayerId:null,
		constructor: function(options) {
			this.inherited(arguments);
			declare.safeMixin(this, options);
			this._grouplayers = [];
			this._currentVisibleLayerlabel = null;
			this.base_class = "mapswitch-container";
			this._galleryDomTable = {};
			this._maps2galleryTable = {};
			this._galleryLeaveHandlerTable = {};
			var baseMaps = ConfigData.basemap.grouplayers;
			for (var key in baseMaps) {
				var gl = baseMaps[key];
				if (gl.visible == true) {
					this._currentVisibleLayerlabel = gl.label;
				}
				this._grouplayers.push(gl.label);
			}
			this.gallery = ConfigData.basemap.gallerys[0];
			this.groups = ConfigData.basemap.grouplayers;
			this.index = [];
			this.galleryDom = null;
			AppEvent.addAppEventListener(AppEvent.SWITCH_BASEMAP, lang.hitch(this, this.onSwitchBaseMapHandler));
		},
		startup: function() {
			return;
			this.inherited(arguments);
			var div = domConstruct.create("div",{id:"div_play"},this.container);
			var p_layer = domConstruct.create("div",{id:"p_layer"},div);
			var veclry = null;
			var imglry = null;
			arrayUtil.forEach(ConfigData.basemap.grouplayers, lang.hitch(this, function(item, index) {
				var thisObj = this;
				switch (item.id) {
				case "veclry":
					veclry = domConstruct.create("dl",{
						id:"veclry",
						mapid:item.id,
						style:"right:0px;"
					},p_layer);
					domConstruct.create("dt",{
						innerHTML:"矢量",
					},dom.byId("veclry"));
					domConstruct.create("dd",{
					},dom.byId("veclry"));
					break;
				case "imglry":
						imglry = domConstruct.create("dl",{
							id:"imglry",
							mapid:item.id,
							class:"selected",
							style:"right:0px;"
						},p_layer);
						domConstruct.create("dt",{
							innerHTML:"影像",
						},dom.byId("imglry"));
						domConstruct.create("dd",{
						},dom.byId("imglry"));
						thisObj.label = "<img src='"+item.icon+"' class='ico'/>"+item.label;
					break;
				}
			}));
			on(this, "mouseover", lang.hitch(this, function(evt) {	
				//if(this.id == "MapSwitchControl_0"){
					//$('#MapSwitchControl_1').hide();
				//}
				  $("#"+this.id+" #imglry").stop(true);
				  $("#"+this.id+" #veclry").stop(true);
				  $("#"+this.id+" #imglry").animate({right: "0px"});
				  $("#"+this.id+" #veclry").animate({right: "90px"});
			}));
			on(p_layer, "mouseout", lang.hitch(this, function(evt) {				
				  $("#"+this.id+" #imglry").stop(true);
				  $("#"+this.id+" #veclry").stop(true);				  
				  $("#"+this.id+" #imglry").animate({right: "0px"});
				  $("#"+this.id+" #veclry").animate({right: "0px"});
				  //if("#MapSwitchControl_1"){
					//	$('#MapSwitchControl_1').show();
					//}
			}));
			on($("#"+this.id+" #p_layer dl" ), "click", lang.hitch(this, function(evt) {
				this._onMapDomClick(evt);
				$("#"+this.id+" #p_layer dl" ).removeClass('selected');
				$(evt.currentTarget).addClass("selected");
			}));
			
			if(this.visibleGroupLayerId){
				this._onMapDomClick({"currentTarget":veclry});
			}
		},
		/**
		 * 隐藏地图类型的按钮，只显示一种可选按钮
		 */
		_hideGalleryDomByVisibleMap:function(galleryId){
			var gallerytdDom = this._galleryDomTable[galleryId];
			var visibleLayer = domAttr.get(gallerytdDom,"visibleGroupLayerId");
			var mapDoms=this._maps2galleryTable[galleryId];
			var hasShowLayer=false;//是否已经显示了一个备选的图层按钮，如果已显示，则其他的都不再显示。
			arrayUtil.forEach(mapDoms,function(item,index){
				if(domAttr.get(item,"mapid")==visibleLayer){
					domStyle.set(item,"display","none");
					return;
				}
				if(hasShowLayer){
					domStyle.set(item,"display","none");
				}else{
					domStyle.set(item,"display","block");
					hasShowLayer=true;
				}
			});
		},
		_showGalleryDomByVisibleMap:function(galleryId){
			var gallerytdDom = this._galleryDomTable[galleryId];
			var visibleLayer = domAttr.get(gallerytdDom,"visibleGroupLayerId");
			var mapDoms=this._maps2galleryTable[galleryId];
			var hasShowLayer=false;//是否已经显示了一个备选的图层按钮，如果已显示，则其他的都不再显示。
			arrayUtil.forEach(mapDoms,function(item,index){
				if(domAttr.get(item,"mapid")==visibleLayer){
					domStyle.set(item,"display","none");
					return;
				}
				domStyle.set(item,"display","block");
				hasShowLayer=true;
			});
		},
		_onMapDomClick:function(evt) {
			var mapid = domAttr.get(evt.currentTarget, "mapid");
			AppEvent.dispatchAppEvent(AppEvent.SWITCH_BASEMAP, {
				hockId: this.hockId,
				grouplayer: mapid,
				sender:this.id
			});
			var galleryId=domAttr.get(evt.currentTarget.parentNode,"galleryid");
			domAttr.set(evt.currentTarget.parentNode,"visibleGroupLayerId",mapid);
		},
		_onGalleryDomMouseEnter:function(evt){
			var galleryName = domAttr.get(evt.currentTarget, "galleryid");
		},
		_onGalleryDomMouseLeave:function(evt){
			var galleryName = domAttr.get(evt.currentTarget, "galleryid");
		},
		onSwitchBaseMapHandler:function(evt){
			if(this.id == evt.sender){
				return;
			}
			if (evt.hockId != this.hockId)
				return;
			for(var key in this._galleryDomTable){
				domAttr.set(this._galleryDomTable[key],"visibleGroupLayerId",evt.grouplayer);
			}
		}
	});
	return Widget;
});