// JavaScript Document
(function($) {
 
	$.fn.extend({
	  "insertAtCaret": function(myValue){
		  var obj;
		  if ( typeof this[0].name !='undefined' ) 
			obj = this[0];
		  else 
			obj = this;
		  if ($.browser.msie) {
			obj.focus();
			sel = document.selection.createRange();
			if (document.selection.type == "None")
				sel.text = myValue;
			else if (myValue.substring(0,1) != "<")
				sel.text = sel.text + myValue;
			else { 
				sel.text = myValue.substring(0,3) + sel.text + myValue.substring(3);
			}
			obj.focus();
		  } else if ($.browser.mozilla || $.browser.webkit || $.browser.opera) {
			var startPos = obj.selectionStart;
			var endPos = obj.selectionEnd;
			var scrollTop = obj.scrollTop;
			if (startPos == endPos) {
				obj.value = obj.value.substring(0, startPos)+myValue+obj.value.substring(endPos,obj.value.length);
				obj.focus();
				obj.selectionStart = startPos + myValue.length;
				obj.selectionEnd = startPos + myValue.length;
			} else if (myValue.substring(0,1) != "<") {
				obj.value = obj.value.substring(0, startPos) + obj.value.substring(startPos,endPos) + myValue + obj.value.substring(endPos,obj.value.length);
				obj.focus();
				obj.selectionStart = startPos + myValue.length + (endPos - startPos);
				obj.selectionEnd = startPos + myValue.length + (endPos - startPos);
			} else {
				obj.value = obj.value.substring(0, startPos)+myValue.substring(0,3) + obj.value.substring(startPos,endPos) + myValue.substring(3)+obj.value.substring(endPos,obj.value.length);
				obj.focus();
				obj.selectionStart = startPos + myValue.length + (endPos - startPos);
				obj.selectionEnd = startPos + myValue.length + (endPos - startPos);
			}
			obj.scrollTop = scrollTop;
		  } else {
			obj.value += myValue;
			obj.focus();
		  }
	  }
	});

    var plugin = Echo.createPlugin({
        "name": "InsertCharacters",
        // plugin is written for the Submit application
        "applications": ["Submit"],
        "init": function(plugin, application) {
            // 
            plugin.extendTemplate("Submit", plugin.insertTemplate, "insertBefore", "echo-submit-content");
            plugin.extendRenderer("Submit", "text", plugin.textRenderer);
        }
    });
 
	var icons = [
				 	["Bold","bold.gif","&lt;b&gt;&lt;/b&gt;"],
				 	["Italic","italic.gif","&lt;i&gt;&lt;/i&gt;"],
				 	["Underline","underline.gif","&lt;u&gt;&lt;/u&gt;"],
				 	["Innocent","smiley-innocent.gif"," O:-) "],
					["Yell","smiley-yell.gif"," &gt;:o "],
					["Smile","smiley-smile.gif"," :-) "],
					["Wink","smiley-wink.gif"," ;-) "],
					["Cry","smiley-cry.gif"," :\'( "],
					["Cool","smiley-cool.gif"," 8-) "],
					["Frown","smiley-frown.gif"," :-( "],
					["Kiss","smiley-kiss.gif"," :-* "],
					["Laughing","smiley-laughing.gif"," :-D "],
					["Surprised","smiley-surprised.gif"," =-O "],
					["Sealed","smiley-sealed.gif"," =-X "],
					["Embarassed","smiley-embarassed.gif"," :-[ "],
					["Money mouth","smiley-money-mouth.gif"," :-$ "],
					["Tongue out","smiley-tongue-out.gif"," :-P "],
					["Foot in mouth","smiley-foot-in-mouth.gif"," :-E "],
					["Undecided","smiley-undecided.gif"," *DONT_KNOW* "]
				];

	// HTML which will be inserted to the template to display the icons
    plugin.insertTemplate = function() {
		var iconStr = '<div class="echo-submit-iconContainer">';
		for (var i = 0; i < icons.length; i++) {
			iconStr += "<img src=\"http://c0029117.cdn1.cloudfiles.rackspacecloud.com/" + icons[i][1] + "\" title=\"" + icons[i][0] + "\" alt=\"" + icons[i][2] + "\"> ";
		}
		iconStr += '</div>';
		return iconStr; 
	};
 
    // to extend existing text renderer of the Submit application
    plugin.textRenderer = function(element, dom) {
        var application = this;
        // we should call existing renderer so as not to break things
        application.parentRenderer("text", arguments);
		$(element)
			.parents(".echo-submit-container")
			.find(".echo-submit-iconContainer")
			.children("img")
			.click(function(event) {
				var eTarget = $(event.target)
				.parents(".echo-submit-container")
				.find(".echo-submit-text");
				$(eTarget).focus()
				.insertAtCaret($(this).attr("alt"));
				$(eTarget).trigger("keyup");
		});
    };
 
})(jQuery);