window.onload=function() {
	toggleSmileyMenu(false);
}

function toggleSmileyMenu(val) {
	var obj = document.getElementById("zgb_smileypanel");
	var items = obj.getElementsByTagName("img");
	for(var i = 0; i < items.length; i++) {
		items[i].style.visibility = (val) ? "visible" : "hidden";
		items[i].style.display = (val) ? "inline" : "none";
	}

	var items2 = obj.getElementsByTagName("span");
	for(var i = 0; i < items2.length; i++) {
		items2[i].style.visibility = (val) ? "hidden" : "visible";
		items2[i].style.display = (val) ? "none" : "inline";
	}
}

function insertSmiley(areaId, str) {
	var area = document.getElementById(areaId);
	var pos = getCaretPos(area);
	if(pos >= 0) {
		var len = area.value.length;
		var st = area.value.substr(0,pos);
		var ed = area.value.substr(pos,len-pos);
		area.value = st+str+ed;
	}
}

function insertFTags(areaId, a, b) {
	var comp = document.getElementById(areaId);
	var len = comp.value.length;
	if(isSelection(comp)) {
		var start = getSelectionStart(comp);
		var end = getSelectionEnd(comp);
		var st = comp.value.substr(0,start);
		var ed = comp.value.substr(end,len-end);
		var bw = comp.value.substr(start,end-start);
		comp.value = st+a+bw+b+ed;
		setCaretPos(comp, start, end+a.length+b.length);
	} else if(getCaretPos(comp) >= 0) {
		var pos = getCaretPos(comp);
		var st = comp.value.substr(0,pos);
		var ed = comp.value.substr(pos,len-pos);
		comp.value = st+a+b+ed;
		setCaretPos(comp, pos+a.length, pos+a.length);
	} else {
		comp.value += " "+a+b;
	}
}

function insertColorTag(areaId, colorSelectId) {
	var comp = document.getElementById(colorSelectId);
	insertFTags(areaId,"[color="+comp.value+"]","[/color]");
}