// JavaScript Document<!--

// 这里都是公用函数，挺多的...
var

// 获取元素
$ = function(element) {
	return (typeof(element) == 'object' ? element : document.getElementById(element));
},

// 生成元素到refNode
appendElement = function(tagName, Attribute, strHtml, refNode) {
	var cEle = document.createElement(tagName);
	// 属性值
	for (var i in Attribute){
		cEle.setAttribute(i, Attribute[i]);
	}
	cEle.innerHTML = strHtml;
	
	refNode.appendChild(cEle);
	return cEle;
},

// 获取元素坐标
getCoords = function(node){
	var x = node.offsetLeft;
	var y = node.offsetTop;
	var parent = node.offsetParent;
	while (parent != null){
		x += parent.offsetLeft;
		y += parent.offsetTop;
		parent = parent.offsetParent;
	}
	return {x: x, y: y};
},

// 事件操作(可保留原有事件)
eventListeners = [],
findEventListener = function(node, event, handler){
	var i;
	for (i in eventListeners){
		if (eventListeners[i].node == node && eventListeners[i].event == event && eventListeners[i].handler == handler){
			return i;
		}
	}
	return null;
},
myAddEventListener = function(node, event, handler){
	if (findEventListener(node, event, handler) != null){
		return;
	}
	if (!node.addEventListener){
		node.attachEvent('on' + event, handler);
	}else{
		node.addEventListener(event, handler, false);
	}
	eventListeners.push({node: node, event: event, handler: handler});
},
removeEventListenerIndex = function(index){
	var eventListener = eventListeners[index];
	delete eventListeners[index];
	if (!eventListener.node.removeEventListener){
		eventListener.node.detachEvent('on' + eventListener.event,
		eventListener.handler);
	}else{
		eventListener.node.removeEventListener(eventListener.event,
		eventListener.handler, false);
	}
},
myRemoveEventListener = function(node, event, handler){
	var index = findEventListener(node, event, handler);
	if (index == null) return;
	removeEventListenerIndex(index);
},
cleanupEventListeners = function(){
	var i;
	for (i = eventListeners.length; i > 0; i--){
		if (eventListeners[i] != undefined){
			removeEventListenerIndex(i);
		}
	}
};




/*********************************************
	- POPHint 弹出提示框
	- By Mudoo 2008.5
**********************************************/
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;
	// obj如果不可见。设置弹出对象为obj父元素
	if(_obj.style.display=='none' || _obj.style.visibility=='hidden' || _obj.getAttribute('type')=='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;
		
		// 有的时候initValues不为空.但是只设置一个值...避免发所错误.再次设置初始值...
		_type = _init._type==undefined ? "wrong" : _init._type;
		_type = _type.toLowerCase();
		_event = _init._event==undefined ? "click" : _init._event;
		_event = _event.toLowerCase();
		
		/*
		******************************************
		popHtml
		******************************************
		<div id="popHint">
			<div id="popHeader">
				<div class="popLeft"></div>
				<div id="popHintText"><span class=\"popIcon wrong></span>请输入您的用户名！</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 = "<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 :
			case "click" :
				myAddEventListener(document, 'mousedown', hide);
				break;
			//这里可以自己扩展很多事件...
		}
	},
	// 关闭
	hide = function() {
		_objHint.style.display = "none";
		_objText.innerHTML = "";
		// 移除关闭触发事件
		myRemoveEventListener(_obj, 'blur', hide);
		myRemoveEventListener(document, 'mousedown', hide);
	};
	
	init();
}



/*********************************************
  - 这里是测试函数
*********************************************/
function testPopHint() {
var Email = /^[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.){1,4}[a-z]{2,3}$/i; 
var filter=/^\s*[, .A-Za-z_-]{1,16}\s*$/;
  if(trim($('yname').value)==''){
		popHint($('yname'), 'Enter your name please', {_event : 'blur'});
		$('yname').focus();
		return false;
	}
 if(!filter.test(document.car.yname.value)){
		popHint($('yname'), 'The name you entered is not valid. Try another one please.', {_event : 'blur'});
		$('yname').focus();
		return false;
	}
  if(trim($('yemail').value)==''){
		popHint($('yemail'), 'Enter your email please.', {_event : 'blur'});
		$('yemail').focus();
		return false;
	}
	if(!Email.test(document.car.yemail.value)){
		popHint($('yemail'), 'This email is not valid. Example: abc@yahoo.com.', 'blur');
		$('yemail').focus();
		return false;
	}
	if(trim($('fname').value)==''){
		popHint($('fname'), 'Enter a name of your friend.', {_event : 'blur'});
		$('fname').focus();
		return false;
	}
	if(!filter.test(document.car.fname.value)){
		popHint($('fname'), 'The name of the recipient is not valid. Try another one please.', {_event : 'blur'});
		$('fname').focus();
		return false;
	}	
	if($('femail').value==''){
		popHint($('femail'), 'Enter the eamil of the recipient please.', 'blur');
		$('femail').focus();
		return false;
	}
	if(!Email.test(document.car.femail.value)){
		popHint($('femail'), 'This email is not valid. Example: abc@yahoo.com', 'blur');
		$('femail').focus();
		return false;
	}
    if(trim(document.car.ymessage.value)==''){
		popHint($('ymessage'), 'Message can not be empty.', 'blur');
		$('ymessage').focus();
		return false;
	}
	
}
//去左空格;
function ltrim(s){
return s.replace( /^\s*/, "");
}
//去右空格;
function rtrim(s){
return s.replace( /\s*$/, "");
}
//左右空格;
function trim(s){
return rtrim(ltrim(s));
}


//动态增加文本域，添加收件人
var i=0;
var j=0;
function Add(){
	 if (i<1){i=1}
	 if (j>5){alert("Exceed the maximum number!");}
	 else{
		 i=i+1;
		 j=j+1;
		 var content="<div id='carid"+i+"'><div class='write' id=fdiv"+i+">Friend's Name:</div><input name='fname"+i+"' type='text' class='input' id='fname"+i+"' size='15' /><div class='write' id=ffdiv"+i+">Friend's Email:</div><input name='femail"+i+"' type='text' class='input' id='femail"+i+"' size='25' /><a href=javascript:Remove('carid"+i+"');><img src=/pic/wrong.gif border=0 />Remove</a><div class='clear' id='cl"+i+"'></div></div>";
		// document.getElementById("hdiv").appendChild(content);
		 document.getElementById("hdiv").innerHTML=document.getElementById("hdiv").innerHTML+content;
		 document.getElementById("sentCount").value = Number(document.getElementById("sentCount").value) + 1
		}
		
}
function Remove(carid){

		 document.getElementById(carid).style.display="none";
		 document.getElementById("sentCount").value = Number(document.getElementById("sentCount").value) - 1
		 j=j-1;
}

function addcontent(cont)
{
	document.car.ymessage.value="";
	document.car.ymessage.value=cont;
	}
-->