var SpanTitles = new Array(
	'<span  onclick=qieSpans("showUl","qq",0)>QQ表情</span>',
	'<span  onclick=qieSpans("showUl","huli",1)>狐狸</span>',
	'<span  onclick=qieSpans("showUl","houzi",2)>猴子</span>',
	'<span  onclick=qieSpans("showUl","dabing",3)>大兵</span>',
	'<span  onclick=qieSpans("showUl","lanlian",4)>蓝脸</span>',
	'<span  onclick=qieSpans("showUl","mogu",5)>蘑菇</span>',
	'<span  onclick=qieSpans("showUl","daqq",6)>大QQ表情</span>',
	'<span  onclick=qieSpans("showUl","tusiji",7)>兔斯基</span>',
	'<span  onclick=qieSpans("showUl","xinlang",8)>新浪</span>',
	'<span  onclick=qieSpans("showUl","youyouhou",9)>悠悠猴</span>');
var ul_list = new Array();
 ul_list[1] = new Array(135,180,'huli');//狐狸
 ul_list[2] = new Array(180,196,'houzi');//猴子
 ul_list[3] = new Array(196,216,'dabing');//大兵
 ul_list[4] = new Array(216,240,'lanlian');//蓝脸
 ul_list[5] = new Array(240,280,'mogu');//蘑菇
 ul_list[6] = new Array(280,306,'daqq');//大QQ表情
 ul_list[7] = new Array(306,345,'tusiji');//兔斯基
 ul_list[8] = new Array(345,368,'xinlang');//新浪
 ul_list[9] = new Array(368,404,'youyouhou');//悠悠猴
var faceul = new Array();
var faceDiv;
 faceul[1] = document.createElement("ul");
 faceul[2] = document.createElement("ul");
 faceul[3] = document.createElement("ul");
 faceul[4] = document.createElement("ul");
 faceul[5] = document.createElement("ul");
 faceul[6] = document.createElement("ul");
 faceul[7] = document.createElement("ul");
 faceul[8] = document.createElement("ul");
 faceul[9] = document.createElement("ul");
var showids,targets,shanchu,shanchuNode;
//显示表情菜单
function showFace(showid, target) {
	showids = showid;
	targets = target;
	var div = $('uchome_face_bg');
	if(div) {
		div.parentNode.removeChild(div);
	}
	div = document.createElement('div');
	div.id = 'uchome_face_bg';
	div.style.position = 'absolute';
	div.style.left = div.style.top = '0px';
	div.style.width = '100%';
	div.style.height = document.body.scrollHeight + 'px';
	div.style.zIndex = 10000;
	div.style.display = 'none';
	div.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=0,finishOpacity=100,style=0)';
	div.style.opacity = 0;
	div.onclick = function() {
		shanchu		= $(showids+'_menu').getElementsByTagName('img');
		shanchuNode = $(showids+'_menu').getElementsByTagName('li');
		while(shanchu.length>0){
			shanchu[0].parentNode.removeChild(shanchu[0]);
		}
		while(shanchuNode.length>0){
			shanchuNode[0].parentNode.removeChild(shanchuNode[0]);
		}
		
		faceDiv.parentNode.removeChild(faceDiv);
		//$(showid+'_menu').style.display = 'none';
		$('uchome_face_bg').style.display = 'none';
	}
	$('append_parent').appendChild(div);
	
	if($(showid + '_menu') != null) {
		$(showid+'_menu').style.display = '';
	} else {
		faceDiv = document.createElement("div");
		faceDiv.id = showid+'_menu';
		faceDiv.className = 'facebox';
		faceDiv.style.position = 'absolute';
		faceul[0] = document.createElement("ul");
		faceul[0].className = 'showUl';
		//添加菜单
		for(var i = 1;i<11;i++){
			var facespan_i = document.createElement('div');
			faceDiv.appendChild(getTitles(facespan_i,i));
		}
		//获取图片
		for(i=0; i<135; i++) {
			getStatusFaces(i, faceul[0],showid,target);	
		}

		faceDiv.appendChild(faceul[0]);
		faceDiv.appendChild(faceul[1]);
		faceDiv.appendChild(faceul[2]);
		faceDiv.appendChild(faceul[3]);
		faceDiv.appendChild(faceul[4]);
		faceDiv.appendChild(faceul[5]);
		faceDiv.appendChild(faceul[6]);
		faceDiv.appendChild(faceul[7]);
		faceDiv.appendChild(faceul[8]);
		faceDiv.appendChild(faceul[9]);		
		$('append_parent').appendChild(faceDiv)
	}
	//定位菜单
	setMenuPosition(showid, 0);
	div.style.display = '';
}
//Span菜单标题
function getTitles(obj,num){
	obj.innerHTML = SpanTitles[num-1];
	obj.className = num == 1 ? 'SapanBg' : '';
	return obj;
}
function getStatusFaces(i, faceul,showid,target) {
	var faceli = document.createElement("li");
	faceli.innerHTML = '<img src="image/face/'+i+'.gif" onclick="insertFaces(\''+showid+'\','+i+', \''+ target +'\')" style="cursor:pointer; position:relative;" />';
	faceul.appendChild(faceli);
}
function qieSpans(name,bq,num){
	var spanul     = document.getElementById(showids+'_menu').getElementsByTagName('ul');
	if(spanul[num]){
		var spanul_li = spanul[num].getElementsByTagName('li');
		if(spanul_li.length == 0){
			for(i=ul_list[num][0]; i<ul_list[num][1]; i++) {
				getStatusFaces(i,faceul[num],showids,targets);
			}				
		}
	}
	for(var i = 0;i<spanul.length;i++){
		spanul[i].className = '';
	}
	spanul[num].className = name;
}
//插入表情
function insertFaces(showid, id, target) {
	var faceText = '[em:'+id+':]';
	if($(target) != null) {
		insertContent(target, faceText);
	}
	shanchu		= $(showids+'_menu').getElementsByTagName('img');
	shanchuNode = $(showids+'_menu').getElementsByTagName('li');
	while(shanchu.length>0){
		shanchu[0].parentNode.removeChild(shanchu[0]);
	}
	while(shanchuNode.length>0){
		shanchuNode[0].parentNode.removeChild(shanchuNode[0]);
	}
	faceDiv.parentNode.removeChild(faceDiv);
	//$(showid+'_menu').style.display = 'none';
	$('uchome_face_bg').style.display = 'none';
}

function textCounter(obj, showid, maxlimit) {
	var len = strLen(obj.value);
	var showobj = $(showid);
	if(len > maxlimit) {
		obj.value = getStrbylen(obj.value, maxlimit);
		showobj.innerHTML = '0';
	} else {
		showobj.innerHTML = maxlimit - len;
	}
	if(maxlimit - len > 0) {
		showobj.parentNode.style.color = "";
	} else {
		showobj.parentNode.style.color = "red";
	}
	
}
function getStrbylen(str, len) {
	var num = 0;
	var strlen = 0;
	var newstr = "";
	var obj_value_arr = str.split("");
	for(var i = 0; i < obj_value_arr.length; i ++) {
		if(i < len && num + byteLength(obj_value_arr[i]) <= len) {
			num += byteLength(obj_value_arr[i]);
			strlen = i + 1;
		}
	}
	if(str.length > strlen) {
		newstr = str.substr(0, strlen);
	} else {
		newstr = str;
	}
	return newstr;
}
function byteLength (sStr) {
	aMatch = sStr.match(/[^\x00-\x80]/g);
	return (sStr.length + (! aMatch ? 0 : aMatch.length));
}
function strLen(str) {
	var charset = document.charset; 
	var len = 0;
	for(var i = 0; i < str.length; i++) {
		len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == "utf-8" ? 3 : 2) : 1;
	}
	return len;
}