var emoji = function(){
	var binary = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
	var unicode = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
	var setup = function(){
		createEmojiTable();     
	};
	var createRadioButton = function(){
		var radioHtml = ('<div id="radio" style="color:#fff;margin-left:7px">binary<input type="radio" name="code" value="binary" checked="checked">');
		radioHtml += ('unicode<input type="radio" name="code" value="unicode"></div>');
		return radioHtml;
	}
	var createEmojiTable = function(){
		var radioHtml = createRadioButton();
		var tableHtml = ('<table id="emoji" border="0">');
		for(h=1;h<=16;h=h+1){
			tableHtml += ("<tr>");
			for(w=1;w<=16;w=w+1){
				id = (h-1)*16+w;
				tableHtml += ('<td id="no'+id+'">');
				tableHtml += ("</td>");
			}
			tableHtml += ("</tr>");
		}
		tableHtml += ("</table>");
		$("#emojitable").append(radioHtml + tableHtml);
		//$("#emojitable td").css("border","0");
		$("#emojitable td").css("background-image",'url("images/emoji.gif")');
		$("#emojitable td").css("width","26px");
		$("#emojitable td").css("height","26px");
		$("#emojitable").css("width","430px");
		$("#emojitable").css("height","450px");
		$("#emojitable").css("background-color","#666");
		$("#emojitable table").css("margin","7px auto 7px auto");
		$("#emojitable table").css("border-collapse","collapse");
		for(i=0;i<=256;i=i+1){
			var xposi = (i-1)*26-(Math.floor((i-1)/16)*416);
			var yposi = Math.floor((i-1)/16)*26;
			$("#emojitable #no"+i).css("background-position","-"+xposi+"px -"+yposi+"px");		
		}
		mouseAction();
	};
	var mouseAction = function(){
		$("#emojitable td").hover(function(){
			var i = this.id.substr(2);
			var xposi = (i-1)*26-(Math.floor((i-1)/16)*416);
			var yposi = Math.floor((i-1)/16)*26+417;
			$("#emojitable #no"+i).css("background-position","-"+xposi+"px -"+yposi+"px");
		},function(){
			var i = this.id.substr(2);
			var xposi = (i-1)*26-(Math.floor((i-1)/16)*416);
			var yposi = Math.floor((i-1)/16)*26;
			$("#emojitable #no"+i).css("background-position","-"+xposi+"px -"+yposi+"px");
		});
		$("#emojitable td").mousedown(function(){
			var i = this.id.substr(2);
			var xposi = (i-1)*26-(Math.floor((i-1)/16)*416);
			var yposi = Math.floor((i-1)/16)*26+833;
			$("#emojitable #no"+i).css("background-position","-"+xposi+"px -"+yposi+"px");
			//alert(unicode[i-1]);
			textEntry(i);
		});
		$("#emojitable td").mouseup(function(){
			var i = this.id.substr(2);
			var xposi = (i-1)*26-(Math.floor((i-1)/16)*416);
			var yposi = Math.floor((i-1)/16)*26+417;
			$("#emojitable #no"+i).css("background-position","-"+xposi+"px -"+yposi+"px");
		});
		$('#emojitable').draggable('enable');
		$('#drag').draggable('enable');
		$('#clear').click(function(){$('#entry2:input').val("");});
	};
	var textEntry = function(i){
		var type = $('#radio :checked').val();
		var txt = ($('#entry2:input').val());
		$('#entry2:input').val("");
		$('#entry2:input').val(txt+eval(type)[i-1]);
		//alert(i);
	};
	return {
		init : function(){
			setup();
		},
		change : function(obj){
		}

		
	};
}();
$(function(){
	emoji.init();
/*	$("#channel a").click(function(){
		emoji.change($(this));
		return false;
	});	
*/
});