function faceSelect(ulId,num,textareaId,divId){
	//分解ulId
	name = ulId.split('_').shift();
	ulExt = ulId.split('_').pop();
	var t = document.getElementById('faces_'+divId);
	var txt = document.getElementById(name+'_'+ulExt);	
	
	if (t && t.style.display=='' )
	{
		t.style.display='none';
		txt.innerHTML='添加表情';
		return;
		
	}
	else if (t && t.style.display=='none')
	{
		t.style.top = "20px";
		t.style.left = "20px";
		txt.innerHTML='收起表情';
		t.style.display='';
		return;
	}
	
	var d = document.createElement('div');
	d.style.position = 'absolute';
	d.style.width = '660px';
	d.style.top = '20px';
	d.style.left = '20px';
	d.setAttribute('id','faces_'+divId);

	var cont = "<div style='border:1px solid; padding:1px;background:#fff;'>";
	var i = 0;

	while (i<num)
	{
		var ids = (i<10?'0':'') + (i++);
		cont += "<img onclick='InsertUBB(\""+name+"\",\""+ids+"\",\""+textareaId+"\",\""+divId+"\")' onmouseout='OnFaceOver(this,1)'  onmouseover='OnFaceOver(this,0)' style='cursor:pointer;margin:2px 1px;border:1px solid #ffffff;display:inline' src='/images/smile/"+name+"/"+ids + ".gif'>";
	}
	cont += "</div>";
	
	$("#" + divId).append(d);
	$("#faces_"+divId).append(cont);
}

function OnFaceOver(obj,flag)
{
	obj.style.border=flag?"1px solid #F7FCFF":"1px solid blue";
}

function InsertUBB(name,value,textareaId,divId)
{

	var ht = '['+name+value+']';
	
	var t = document.getElementById(textareaId);
	if (t.value==t.defaultValue) {t.value='';t.style.color='black';}
	var isIE=document.all? true:false
	if (isIE && t.createTextRange && t.caretPos)
	{
		var caretPos = t.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length-1)==' '?ht+' ':(ht);
	}
	else
	{
		t.value = t.value + ht;
	}
	if (document.getElementById('faces_'+divId).style.display){
		 document.getElementById('faces_'+divId).style.display="none";
	}
	
	document.getElementById(name+'_'+ulExt).innerHTML='添加表情';
}