/*********************************************
	- 表单验证提示框
	- Code By Mudoo 2008.2.23
*********************************************/

function popHint(obj, msg, initValues) {
	var
	_obj = $(obj),
	_objHint = $("popHint"),
	_msg = msg,
	_init = initValues;
	if(_obj==undefined || _msg==undefined || _msg=="") return;
	
	_init = _init==undefined ? {_type : "wrong", _event : "click"} : _init;
	if(_obj.style.display=='none' || _obj.getAttribute('tyoe')=='hidden') _obj = _obj.parentNode;
	var
	_type = null,
	_event = null,
	_place = getCoords(_obj),
	_marTop = null;
	_objText = $("popHintText"),
	init = function() {
		_hint = _obj.getAttribute("hint");
		if(_hint=="false") return;
		
		_type = _init._type==undefined ? "wrong" : _init._type;
		_type = LCase(_type);
		_event = _init._event==undefined ? "click" : _init._event;
		_event = LCase(_event);
		
		/*
		******************************************
		popHtml HTML
		******************************************
		<div id="popHint">
			<div id="popHeader">
				<div class="popLeft"></div>
				<div id="popHintText"><img src="Images/Empty.gif" class="wrong" />请输入您的用户名！</div>
				<div class="popRight"></div>
			</div>
			<div class="popAngle"><span></span></div>
		</div>
		*/
		
		var _Html = "<div id=\"popHeader\">" +
					"	<div class=\"popLeft\"></div>" +
					"	<div id=\"popHintText\"></div>" +
					"	<div class=\"popRight\"></div>" +
					"</div>"+
					"<div class=\"popAngle\"><span></span></div>"
		
		if(_objHint==null) {
			_objHint = appendElement("div", {"id" : "popHint"}, _Html, document.body);
			_objHint.style.display = "none";
			_objText = $("popHintText");
		}
		
		show();
	},
	show = function() {
		_objHint.style.display = "";
		_marTop = _objHint.offsetHeight;
		
		//_msg = "<img src=\"Images\/Empty.gif\" class=\""+ _type +"\" />"+ _msg;
		_msg = "<span class=\"popIcon "+ _type +"\"></span>"+ _msg;
		_objText.innerHTML = _msg;
		
		_objHint.style.left = _place.x +"px";
		_objHint.style.top = (_place.y-_marTop+8) +"px";
		
		switch(_event) {
			case "blur" :
				myAddEventListener(_obj, 'blur', hide);
				break;
			default :
				myAddEventListener(document, 'mousedown', hide);
		}
		/*
		switch(_event) {
			case "click" :
				document.onmousedown = function() {
					hide();
				}
			default :
				_obj.onblur = function() {
					hide();
				}
		}
		*/
		//alert("Show : "+ _objText.innerHTML);
	},
	hide = function() {
		_objHint.style.display = "none";
		_objText.innerHTML = "";
		//document.onmousedown = "";
		//_obj.onblur = "";
//		myRemoveEventListener(document, 'mousedown', hide);
//		myRemoveEventListener(_obj, 'blur', hide);
	};
	
	init();
}