/**
 * infoWindow的template
 * @author Wenyb
 * @date 2015/11/4
 */
define([
	"dojo",
	"dojo/_base/declare",
	"dijit/_WidgetBase",
	"dijit/_TemplatedMixin",
	"dojo/text!controls/infowindow/template.html",
	"dojo/_base/lang",
	"dojo/query",
	"dojo/dom-construct",
	"dojo/dom-style",
	"dojo/on",
	"dojo/dom-class",
	"dojo/dom-attr",
	"controls/searchbox/SearchBox",
	"base/AppEvent",
	"base/ConfigData",
	"dojo/domReady!"
], function(
	dojo,
	declare,
	_WidgetBase,
	_TemplatedMixin,
	template,
	lang,
	query,
	domConstruct,
	domStyle,
	on,
	domClass,
	domAttr,
	SearchBox,
	AppEvent,
	ConfigData
) {
	var Widget = declare([_WidgetBase, _TemplatedMixin], {
		templateString: template,
		_tabType: "fromHear", //fromHear,toHear,nearBy三种类型
		constructor: function(options) {
			this._tabType = "fromHear";
			this.routeStartSearchboxId = "InfowindowRouteStartSearchBox" + uuid();
			this.routeEndSearchboxId = "InfowindowRouteEndSearchBox" + uuid();
			this.nearbySearchBoxId = "InfowindowNearbySearchBox" + uuid();
			this.nearbySearchWidgetId = "NearbySearchWidget";
		},
		postCreate: function() {
			this.inherited(arguments);
			this.nearbySearchboxControl = new SearchBox({
				id: this.nearbySearchBoxId,
				baseClass: "infowindowNearbySearchbox",
				disableSuggest: true
			}, this.nearbySearchbox);
			this.nearbySearchboxControl.startup();

			this.routeStartSearchboxControl = new SearchBox({
				id: this.routeStartSearchboxId,
				baseClass: "infowindowRouteSearchbox",
				placeholder: "请选择到达地点"
			}, this.routeStartSearchbox);
			this.routeStartSearchboxControl.startup();

			this.routeEndSearchboxControl = new SearchBox({
				id: this.routeEndSearchboxId,
				hockId: ConfigData.hockId.routeEndSearchbox,
				baseClass: "infowindowRouteSearchbox",
				placeholder: "请选择出发地点"
			}, this.routeEndSearchbox);
			this.routeEndSearchboxControl.startup();

		},
		startup: function() {
			this.initEventHandler();
		},
		initEventHandler: function() {				
			query(".custom-infotemplate-nearbysearch-poitype span").on("click", lang.hitch(this, function(evt) {
				var poiType = domAttr.get(evt.currentTarget, "data-poi-type");
				var poiName = evt.currentTarget.innerHTML;
				AppEvent.dispatchAppEvent(AppEvent.NEARBY_SEARCH, {
					hockId: this.nearbySearchWidgetId,
					type: "updateState",
					graphic: this.getGraphic()
				});
				AppEvent.dispatchAppEvent(AppEvent.NEARBY_SEARCH, {
					hockId: this.nearbySearchWidgetId,
					type: "search",
					poiType: poiType,
					poiName: poiName,
					model:"address"
				});
			}));

			AppEvent.addAppEventListener(AppEvent.SEARCHBOX_QUERY, lang.hitch(this, this.onSearchboxQueryHandler));
			AppEvent.addAppEventListener(AppEvent.ROUTE_ARGUMENT_CHANGED, lang.hitch(this, this.onRouteArgumentChanged));
		},

		onRouteArgumentChanged: function(evt) {
			switch (evt.type) {
				case "start":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_SEARCHBOX_STATE, {
						hockId: this.routeStartSearchboxId,
						type: "update",
						data: evt.data
					});
					break;
				case "end":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_SEARCHBOX_STATE, {
						hockId: this.routeEndSearchboxId,
						type: "update",
						data: evt.data
					});
					break;
				default:
					break;
			}
		},

		onSearchboxQueryHandler: function(evt) {
			if (evt.hockId == this.routeStartSearchboxId) {
				this.routeStartSearchboxQueryHandler(evt);
			} else if (evt.hockId == this.routeEndSearchboxId) {
				this.routeEndSearchboxQueryHandler(evt);
			} else if (evt.hockId == this.nearbySearchBoxId) {
				this.nearbySearchboxQueryHandler(evt);
			}
		},
		nearbySearchboxQueryHandler: function(evt) {
			switch (evt.type) {
				case "search":
					if (evt.args.keyword) {
						AppEvent.dispatchAppEvent(AppEvent.NEARBY_SEARCH, {
							hockId: this.nearbySearchWidgetId,
							type: "updateState",
							graphic: this.getGraphic()
						});
						AppEvent.dispatchAppEvent(AppEvent.NEARBY_SEARCH, {
							hockId: this.nearbySearchWidgetId,
							type: "search",
							keyword: evt.args.keyword,
							poiType: null,
							poiName: "全部"
						});
					}
					break;
				case "clear":
					AppEvent.dispatchAppEvent(AppEvent.NEARBY_SEARCH, {
						hockId: this.nearbySearchWidgetId,
						type: "clearState"
					});
					break;
				default:
					break;
			}
		},
		routeStartSearchboxQueryHandler: function(evt) {
			switch (evt.type) {
				case "suggest":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_ROUTE_ARGUMENT, {
						end: this.getGraphic(),
						start: null
					});
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "start",
						searchboxEventType: "suggest",
						poiId: evt.args.poiId
					});

					break;
				case "search":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_ROUTE_ARGUMENT, {
						end: this.getGraphic(),
						start: null
						/*start: evt.args.keyword*/
					});
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "start",
						searchboxEventType: "search",
						keyword: evt.args.keyword
					});
					break;
				case "clear":
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "start",
						searchboxEventType: "clear",
					});
					break;
				default:
					break;
			}
		},
		routeEndSearchboxQueryHandler: function(evt) {
			switch (evt.type) {
				case "suggest":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_ROUTE_ARGUMENT, {
						start: this.getGraphic(),
						end: null
					});
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "end",
						searchboxEventType: "suggest",
						poiId: evt.args.poiId
					});
					break;
				case "search":
					AppEvent.dispatchAppEvent(AppEvent.CHANGE_ROUTE_ARGUMENT, {
						start: this.getGraphic(),
						end: null
					});
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "end",
						searchboxEventType: "search",
						keyword: evt.args.keyword
					});
					break;
				case "clear":
					AppEvent.dispatchAppEvent(AppEvent.ROUTE_STOP_QUERY, {
						hockId: this.routeSearchWidgetId,
						type: "end",
						searchboxEventType: "clear",
					});
					break;
				default:
					break;
			}
		},

		_tabButtonClick: function(evt) {
			if (evt.target == this.fromHearButton) {
				this.switchTab("fromHear");
			} else if (evt.target == this.toHearButton) {
				this.switchTab("toHear");
			} else {
				this.switchTab("nearBy");
			}
		},
		switchTab: function(type) {
			switch (this._tabType) {
				case "fromHear":
					domClass.remove(this.fromHearButton);
					domClass.add(this.fromHearButton, "custom-infotemplate-tabbutton");
					break;
				case "toHear":
					domClass.remove(this.toHearButton);
					domClass.add(this.toHearButton, "custom-infotemplate-tabbutton");
					break;
				case "nearBy":
					domClass.remove(this.nearByButton);
					domClass.add(this.nearByButton, "custom-infotemplate-tabbutton");
					break;
			}
			if (type == "fromHear") {
				this._tabType = type;
				domClass.remove(this.fromHearButton);
				domClass.add(this.fromHearButton, "custom-infotemplate-tabbutton-actived");
				domStyle.set(this.nearByPanel, "display", "none");
				domStyle.set(this.routeEnd, "display", "none");
				domStyle.set(this.routeStart, "display", "block");
			} else if (type == "toHear") {
				domClass.remove(this.toHearButton);
				domClass.add(this.toHearButton, "custom-infotemplate-tabbutton-actived");
				domStyle.set(this.nearByPanel, "display", "none");
				domStyle.set(this.routeStart, "display", "none");
				domStyle.set(this.routeEnd, "display", "block");
				this._tabType = type;
			} else if (type == "nearBy") {
				this._tabType = type;
				domClass.remove(this.nearByButton);
				domClass.add(this.nearByButton, "custom-infotemplate-tabbutton-actived");
				domStyle.set(this.nearByPanel, "display", "block");
				domStyle.set(this.routeStart, "display", "none");
				domStyle.set(this.routeEnd, "display", "none");
			}
		},
		reset: function() {

			domStyle.set(this.tabcontainer, "display", "block");
			domStyle.set(this.content, "bottom", "");
			this.content.innerHTML = "";
			domConstruct.empty(this.content);

			//			this._tabType = "fromHear";
			//			this.routekeywordInput.innerHTML = "";
			//			domStyle.set(this.nearByPanel, "display", "none");
			//			domStyle.set(this.routePanel, "display", "block");
			//			domClass.remove(this.fromHearButton);
			//			domClass.add(this.fromHearButton, "custom-infotemplate-tabbutton-actived");
			//			domClass.remove(this.toHearButton);
			//			domClass.add(this.toHearButton, "custom-infotemplate-tabbutton");
			//			domClass.remove(this.nearByButton);
			//			domClass.add(this.nearByButton, "custom-infotemplate-tabbutton");
			//this.nearbySearchboxControl.clear();
		},
		setGraphic: function(graphic) {
			this.graphic = graphic;
		},
		getGraphic: function(graphic) {
			return this.graphic;
		},
		hideTab: function() {
			domStyle.set(this.tabcontainer, "display", "none");
			domStyle.set(this.content, "bottom", "0px");
		},
		setContent: function(content) {
			if (typeof(content) == "string") {
				this.content.innerHTML = content;
			} else {
				domConstruct.place(content, this.content);
			}

		}
	});
	return Widget;
});