// JavaScript Document
var imgsFace= new Array();

imgsFace["[$p1$]"] = 1;
imgsFace["[$p2$]"] = 2;
imgsFace["[$p3$]"] = 3;
imgsFace["[$p4$]"] = 4;
imgsFace["[$p5$]"] = 5;
imgsFace["[$p6$]"] = 6;
imgsFace["[$p7$]"] = 7;
imgsFace["[$p8$]"] = 8;
imgsFace["[$p9$]"] = 9;
imgsFace["[$p10$]"] = 10;
imgsFace["[$p11$]"] = 11;
imgsFace["[$p12$]"] = 12;
imgsFace["[$p13$]"] = 13;
imgsFace["[$p14$]"] = 14;
imgsFace["[$p15$]"] = 15;
imgsFace["[$p16$]"] = 16;
imgsFace["[$p17$]"] = 17;
imgsFace["[$p18$]"] = 18;
imgsFace["[$p19$]"] = 19;
imgsFace["[$p20$]"] = 20;
imgsFace["[$p21$]"] = 21;
imgsFace["[$p22$]"] = 22;
imgsFace["[$p23$]"] = 23;
imgsFace["[$p24$]"] = 24;
imgsFace["[$p25$]"] = 25;
imgsFace["[$p26$]"] = 26;
imgsFace["[$p27$]"] = 27;
imgsFace["[$p28$]"] = 28;
imgsFace["[$p29$]"] = 29;
imgsFace["[$p30$]"] = 30;

var mFaceIndex = 6;




function LoadFaceData()
{

	var strHTML="";
	var count=0;
	
	if(ReadUserID()=="")
	{
		for(var i=1 ;i<=mFaceIndex;i++)
		{
			var key= "[$p" + i  + "$]";
			if (typeof(imgsFace[key]) != "undefined")
			{
			    strHTML +="<a href='javascript:AddFace(\""+ key +"\");void(0)'><img src='http://img.7m.cn/disscuss/faces/p1_en/" + imgsFace[key] + ".gif' border='0' onmouseover='LoadDemo(this," + imgsFace[key] +")' onmouseout='removeDemo(this," + imgsFace[key] +")' /></a>";
			}
			else
			{
			    mFaceIndex++;
			}
		}
		
	}
	else
	{
		var divEdit = document.getElementById("divEdit");
		for(var key in imgsFace)
		{
			//strHTML +="<a href='javascript:AddFace(\""+ key +"\");void(0)'><img src='http://img.7m.cn/disscuss/faces/p1_en/" + imgsFace[key] + ".gif' border='0' onmouseover='LoadDemo(this," + imgsFace[key] +")' onmouseout='removeDemo(this," + imgsFace[key] +")' /></a>";
			
			//strHTML +="<img src='http://img.7m.cn/disscuss/faces/p1/" + imgsFace[key] + ".gif' border='0' onmouseover='LoadDemo(this," + imgsFace[key] +")' onmouseout='removeDemo(this," + imgsFace[key] +")' onclick='insertSmiley(this,\"" + key + "\")' id='smilie_6'/>";
			
			if(divEdit.style.display == "none")
			{
				strHTML +="<a href='javascript:AddFace(\""+ key +"\");void(0)'><img src='http://img.7m.cn/disscuss/faces/p1_en/" + imgsFace[key] + ".gif' border='0' onmouseover='LoadDemo(this," + imgsFace[key] +")' onmouseout='removeDemo(this," + imgsFace[key] +")' /></a>";
			}
			else
			{
				strHTML +="<img src='http://img.7m.cn/disscuss/faces/p1/" + imgsFace[key] + ".gif' border='0' onmouseover='LoadDemo(this," + imgsFace[key] +")' onmouseout='removeDemo(this," + imgsFace[key] +")' onclick='insertSmiley(this,\"" + key + "\")' id='smilie_6'/>";
			}
			
		}
	}

	$("divface").innerHTML = strHTML;

}


var tmpObj;

function AddFace(key)
{
	$("txtContent").value += key;
}


function LoadDemo(obj,id)
{
	tmpObj = obj;
	$("divDemo").innerHTML = "<img src='http://img.7m.cn/disscuss/faces/p2_en/" + id + ".gif'/>";
}


function removeDemo(obj,id)
{
	$("divDemo").innerHTML = "";
}