// JavaScript Document
(function($){
$.su = $.su || {};

$.su.Widget = function(name, options){
	var constructor = $.fn[name];

	//基本属性
	var fn = {
		defaults: {
			separator: ":",
			cls: "",
			labelCls: "m",
			inputCls: "l",
			
			fieldLabel: "",
			tips: "",
			tipsCls: "m"
		},
		create: null,	//function(i, obj)
		validate: function(){
			return true
		}, 	//function(me)	
		/*widgetname: name,*/
		setValue: function(me, _value){
			var me = me || this,
				value = _value[1];
			//console.log("setValue, Widget");
			//console.log("setValue", value)
			$(me).attr("snapshot", value);
			$(me).val(value);

			return me;
		},		//以上几个函数可能需要在各个组件中独立定义

		enable: function(){
			var me = me || this,
				container = me[name]("getContainer");

			container.removeClass("disabled");
			me.prop("disabled", false);

			return me;
		},
		disable: function(){
			var me = me || this,
				container = me[name]("getContainer");

			container.addClass("disabled");
			me.prop("disabled", true);
			//..需要后续的禁用工作！
			return me;
		},
		/*option: function(me, key, value){

		},*/
		setFieldLabel: function(me, _fieldLabel){
			var me = me || this,
				container = me[name]("getContainer");
			var fieldLabel = _fieldLabel[1] || me.get(0).fieldLabel || "";
			container.find("label.widget-fieldlabel").html(fieldLabel);
			return me;
		},
		setNormal: function(me){
			var me = me || this,
				obj = me.get(0),
				container = me[name]("getContainer");

			//if (obj.tips){
				me[name]("setTips", obj.tips);
			//}
			
			container.removeClass("focus error disable dirty");
			container.find("span.widget-validate-icon").css({
				"display": "none"
			});
			container.find("div.widget-error-tips").css({
				"display": "none"
			});
		},
		setFocus: function(me){
			var me = me || this,
				container = me[name]("getContainer");

			me[name]("setNormal");
			container.addClass("focus");
			return me;
		},
		removeFocus: function(me){
			var me = me || this,
				container = me[name]("getContainer");

			//me[name]("setNormal");
			container.removeClass("focus");
			return me;
		},
		setValid: function(me){
			var me = me || this,
				container = me[name]("getContainer");

			//me[name]("setNormal");
			container.removeClass("error");
			container.addClass("valid");

			container.find("span.widget-validate-icon").css({
				"display": "inline-block"
			});
			container.find("div.widget-error-tips").css({
				"display": "none"
			})
			return me;
		},
		setError: function(me, tips){
			var me = me || this,
				tips = tips[1] || null,
				container = me[name]("getContainer");

			if (tips){
				me[name]("setErrorTips", tips);
			};

			//me[name]("setNormal");
			container.removeClass("valid");
			container.addClass("error");

			container.find("span.widget-validate-icon").css({
				"display": "inline-block"
			});
			return me;
		},
		reset: function(me){
			var me = me || this,
				obj = me.get(0),
				defaultValue = obj.defaultValue || "";

			me.val(defaultValue);
			return me;
		},
		setDirty: function(me){
			var me = me || this,
				container = me[name]("getContainer");

			me[name]("setNormal");
			container.addClass("dirty");
			return me;
		},
		setTips: function(me, _tips){
			var me = me || this,
				container = me[name]("getContainer"),
				tips = _tips[1] || "";
				//alert(tips);
			//console.log(me, name,  tips)
			if ($.type(tips) === "string"){
				container.find("div.tips-content").html(tips);
			};

			if (tips == ""){
				container.find("div.widget-tips").addClass("hidden");
			}else{
				container.find("div.widget-tips").removeClass("hidden");
			};

			return me;		
		},
		setErrorTips: function(me, _tips){
			var me = me || this,
				container = me[name]("getContainer"),
				tips = _tips[1] || "",
				content = container.find("div.error-tips-content").css({
					"width": "inherit",
					"white-space": "nowrap"
				}),
				c = container.find("div.widget-error-tips");

			//console.log(container.find("div.error-tips-content"));
			if ($.type(tips) === "string"){
				content.html(tips);
			};

			if (tips == ""){
				c.css("display", "none");
			}else{
				c.css("display", "block");

				c.fadeIn(20, function(){
					var w = content.outerWidth();
					content.css({
						"width": w,
						"white-space": "normal"
					});
					var outer = content.parents(".text-wrap-outer")[0];
					if (!!outer) {
						var v2 = $($(outer).find(".text-wrap")[0]).outerWidth();
						if(v2<50){
							$(c.children('.widget-error-tips-delta')[0]).css({
								'left': (w/2-8) + "px"
							});
						}
					}
					$(content.parents(".textbox-error-tips")[0]).css({
						"left": "-" + (w-v2)/2 + "px"
					});
					$(content.parents(".textbox-error-tips")[0]).find(".widget-error-tips-delta").css({
						"left": w/2 - 6.5 + "px"
					})
				});
				
			};

			return me;
		},
		setPosition: function(me, _pos){	//当输入值为center, center时居中显示
			var me = me || this,
				container = me[name]("getContainer"),
				posX = _pos[1] === "center" ? parseInt(($(window).width() - container.width())/2, 10) : _pos[1] || 0,
				posY = _pos[2] === "center" ? parseInt(($(window).height() - container.height())/2, 10) : _pos[2] || 0;

				posY = (posY - 60) < 0 ? 0 : posY - 60;
				
			//这里没有考虑scroll！
			container.css({
				left: posX,
				top: posY
			});

			return {
				x: posX,
				y: posY
			}
		},
		getContainer: function(me){
			var me = me || this;
			if (me.hasClass("widget-container")){
				return me;
			}else{
				var container = me.closest("div.widget-container");
				//console.log("Widget", me, container)
				if (container.get(0)){
					return $(container.get(0));
				}else{
					//console.trace();
					//console.error("No Container Found!");
					return null;
				};
			};
		},
		getWidth: function(me){
			var me = me || this;
			return me[name]("getContainer").width();
		},
		getHeight: function(me){
			var me = me || this;
			return me[name]("getContainer").height();
		},
		getSize: function(me){
			var me = me || this,
				container = me[name]("getContainer");
			return {
				"width": container.width(),
				"height": container.height()
			};
		},
		getValue: function(me){
			var me = me || this;
			return me.val();
		},
		show: function(me){
			var me = me || this,
				container = me[name]("getContainer");
			container.fadeIn(150);
			return me;
		},
		hide: function(me){
			var me = me || this,
				container = me[name]("getContainer");
			container.css({
				"display": "none"
			});
			return me;
		}
	};
	
	constructor = constructor || function(options){
		var me = this,
			defaults = constructor.defaults || {},
			options = options || {};
			
		defaults = $.extend(fn.defaults, defaults);
		//console.log(name)
		defaults.xtype = name;
		defaults.isWidget = true;

		if (options.title){
			options._title = options.title;
			delete options.title;
		};	//防止hover效果！

		//console.log(me, options.minLength, options.maxLength)
		if (options.minLength){
			options._minLength = options.minLength;
			delete options.minLength;
		};
		if (options.maxLength){
			options._maxLength = options.maxLength;
			delete options.maxLength;
		};
		//console.log(me, options._minLength, options._maxLength)

		//me.addClass("container widget-container");	//这句话不应该在这里...
		if ($.type(options) === "string"){
			//console.log(constructor, options)
			return constructor[options].call(me, me, arguments);
		};

		if (!constructor.create){
			//console.error("No constructor!");
		}else{
			/*return me.each(function(i, obj){
				constructor.create.call(this, defaults, options, i, obj);
			});*/
			return constructor.create.call(me, defaults, options);
		};
	};

	$.fn[name] = $.extend(constructor, fn, options);
	return constructor;
};

//几个公用的事件监听
$("html").delegate("input", "focus", function(e){
	e.stopPropagation();
	e.preventDefault();
	//input选中全选
	//$(this).select();
}).on("click", function(e){
	//combobox取消选择
	e.stopPropagation();
	$("div.region-select-wrap, div.region-search-wrap").hide();
	$("div.combobox-list-wrap").hide().attr("toggleflag", "hidden");
	$("div.combobox-container").removeClass("selected focus");

	$("div.widget-error-tips").css("display", "none");
	$("div.timepicker-msg-container").removeAttr("dragFlag");

}).on("mouseup", function(e){
	e.stopPropagation();
	$("div.button-container").removeClass("clicked");
	$("div.btn-help-container a.btn-help").removeClass("clicked");

	$("div.timepicker-msg-container").removeAttr("dragFlag");
	$("div.timepicker-select-wrap").css({
		"display": "none",
		"width": 0,
		"height": 0
	});
});

})(jQuery);