function talkOnKeyPress(event) {
	var event = event || window.event;
	if(event.keyCode==13){   
		addTalk();
	}
}

function talkOnKeyUp(event) {

	changeInputMessage();
}

function changeInputMessage() {
	var inputMessage = $('inputMessage');
	var talkContent = $('talkContent');
	if(talkContent.value.length > 300) {
		talkContent.value = talkContent.value.substr(0, 300);
	}
	//inputMessage.innerHTML = 300 - parseInt(talkContent.value.length);
	inputMessage.value = 300 - parseInt(talkContent.value.length);
}

function showEmotePanel() {
	
	var emote_hint = $('emote_hint');
	var emote_select = $('emote_select');
	
	if(emote_select.style.display == "block") {
		emote_select.style.display = "none";
		return;
	}
	
	if(emote_select.getAttribute("loaded") != "1") {
		for(var i = 1; i <=23; i++) {
			
			var img = document.createElement("img");
			img.src = "/images/emote/"+i+".gif";
			var link = document.createElement("a");
			link.setAttribute("href", "#");
			link.onclick = (function(img_index) {
								return function() {
									select_emote(img_index);
									return false;
								}
							})(i);
			
			link.appendChild(img);
			
			emote_select.appendChild(link);
		}
		emote_select.setAttribute("loaded", "1");
	}
	
	setPosition(emote_select, emote_hint);
	emote_select.style.display = "block";
	
	function select_emote(img_index) {
		
		var emote_char = [":)", ":D", ";)", ":-O", ":P", "(H)", ":@", ":S", ":$", ":(",
							":'(", ":|", "(A)", "8o|", "8-|", "+o(", "<:o)", "|-)","*-)", ":-#",
							":-*", "^o)", "8-)"];
		
		var talkContent = $('talkContent');
		var position = GetStringPosition(talkContent);
		var pos = position.pos;
		var textValue = talkContent.value;
		textValue = textValue.substr(0, pos) + emote_char[img_index-1] + textValue.substr(pos, textValue.length);
		talkContent.value = textValue;
		
	}
	
	function setPosition(obj, relateObj){ 
        
        var e = relateObj;

		var offsetTop = e.offsetTop;
	    var offsetLeft = e.offsetLeft;
	    
	    var clientWidth = e.clientWidth;
	    var clientHeight = e.clientHeight;
	    
	    while( e = e.offsetParent ) 
	    { 
	        offsetTop += e.offsetTop; 
	        offsetLeft += e.offsetLeft; 
	    }
	    
	    obj.style.left = (offsetLeft + clientWidth) + "px";
		obj.style.top = (offsetTop + clientHeight) + "px";        
    }
}