/**
 * 时间轴widget
 * @author Liuyl
 * @date 2015/10/15
 */
define([
	"dojo/_base/declare", "dojo/_base/array", "dojo/_base/lang",
	"dojo/dom", "dojo/dom-style", "dojo/dom-class", "dojo/dom-attr", "dojo/dom-construct",
	"dojo/topic",
	"dijit/_WidgetBase", "dijit/_TemplatedMixin",
	"dojo/text!controls/timeslider/TimeSliderControl.html",
	"base/BaseControl", "base/AppEvent",
	"utils/LayerUtil",
	"controls/timeslider/js/jquery.ui.timeslider"
], function(
	declare, arrayUtil, lang,
	dom, domStyle, domClass, domAttr, domConstruct,
	topic,
	_WidgetBase, _TemplatedMixin,
	template,
	BaseControl, AppEvent,
	LayerUtil
) {
	var Widget = declare("TimeSliderControl", [BaseControl], {
		templateString: template,
		baseClass: "timeslider-base",
		constructor: function(options) {
			this.index = {};

			AppEvent.addAppEventListener(AppEvent.SWITCH_BASEMAP, lang.hitch(this, function(evt) {
				if(this.id == evt.sender){
					return;
				}
				if (evt.hockId != this.hockId)
					return;
				if (this.curGroupId == evt.grouplayer && this.curSetId == evt.setlayer) {
					return;
				}
				var groupid = evt.grouplayer;
				
				if(evt.setlayer){
					setid = evt.setlayer;
				}else{
					//根据时间查找Group中的layerset是否有时间，没有的话设为默认
					setid = this.index[groupid]["defaultset"];
					arrayUtil.forEach(Object.keys(this.index[groupid]), lang.hitch(this, function(key) {
						if(key!="defaultset"&&key!="slider"&&setid==this.index[groupid][key]){
							this.index[groupid].slider.timeslider("setCurrent", parseInt(key));
						}
					}));
					
					arrayUtil.forEach(Object.keys(this.index[groupid]), lang.hitch(this, function(key) {
						if (key!="defaultset"&&key!="slider"&&this._parseResult.groups[groupid].layerset[this.index[groupid][key]].label == this._parseResult.groups[this.curGroupId].layerset[this.curSetId].label) {
							this.index[groupid].slider.timeslider("setCurrent", parseInt(key));
							setid = this.index[groupid][key];
						}
						
					}));
				}
				domStyle.set(this.index[this.curGroupId].slider[0], "display", "none");
				domStyle.set(this.index[groupid].slider[0], "display", "block");
				var curIndex = this.index[groupid].slider.timeslider("getCurrent");
//				if (this.index[groupid][curIndex] != setid) {
//					arrayUtil.forEach(Object.keys(this.index[groupid]), lang.hitch(this, function(key) {
//						if (key!="defaultset"&&this.index[groupid][key] == setid) {
//							this.index[groupid].slider.timeslider("setCurrent", parseInt(key));
//						}
//					}));
//				}

				this.curGroupId = groupid;
				this.curSetId = this.index[groupid][curIndex];

			}));
		},
		startup: function() {
			try {
				this.inherited(arguments);
				this.curGroupId = this.visibleGroupLayerId;
				this.curSetId = this.visibleSetLayerId;
				this._parseResult = LayerUtil.parseGroups(this.grouplayersConfig);
				this.groups = this._parseResult.groupsInOrder;
				arrayUtil.forEach(this.groups, lang.hitch(this, function(group, index) {
					this.index[group] = {};
					var sliderDom = domConstruct.create("div", {
						"groupid": group,
						className: "timeslider_container"
					}, this.domNode);
					domStyle.set(sliderDom, "display", "none");
					var timeset = [];
					//var setCount = this._parseResult.groups[group].layersetInOrder.length;
					var curIndex = 0;
					arrayUtil.forEach(this._parseResult.groups[group].layersetInOrder, lang.hitch(this, function(set, index) {
						var layerset=this._parseResult.groups[group].layerset[set];
						timeset[index] = layerset.label;
						this.index[group][index] = layerset.id;
						if (this.curSetId == layerset.id) {
							curIndex = index;
						}
					}));
					$(sliderDom).timeslider({
						groupName:this._parseResult.groups[group].label,
						timeset: timeset,
						max: timeset.length,
						min: 0,
						reverse: true,
						timeChangeHandler: lang.hitch(this, function(index) {
							var setid = this.index[this.curGroupId][index];
							this.curSetId = setid;
							AppEvent.dispatchAppEvent(AppEvent.SWITCH_BASEMAP, {
								hockId: this.hockId,
								grouplayer: this.curGroupId,
								setlayer: setid,
								sender:this.id
							});
						})
					});
					this.index[group].slider = $(sliderDom);
					this.index[group].defaultset = this._parseResult.groups[group].defaultset;
					$(sliderDom).timeslider("setCurrent", curIndex);
				}));
				domStyle.set(this.index[this.curGroupId].slider[0], "display", "block");
			} catch (err) {
				console.log(err);
			}
		},
		show: function() {
			domStyle.set(this.domNode, "display", "block");
		},
		hide: function() {
			domStyle.set(this.domNode, "display", "none");
		}
	});
	return Widget;
});