//****************/
//*****Widget*****/
//***************/

(function($) {
	$.widget("ui.glnMessenger", {
	   
	   options: {},
	   
	   /***********************
       * Initialize messenger *
       ***********************/
      _create : function() {
         var self = this;
         
         self._rendermessenger();
         self._setupAutoComplete();
      },
      
      _rendermessenger : function() {
        var self = this;
        self.element.append($('<span/>').html('TO:')).append($('<input/>',{'type':'text','id':'msg-user-to'}));
        self.element.append($('<br />')).append($('<br />')).append($('<span/>').html('Message:')).append($('<br />'));
        self.element.append($('<textarea/>',{'id':'msg-body','cols':'50','rows':'10'}));
      },
      
      _setupAutoComplete : function(){
	      var self = this;
	      var options = this.options;
	      
	      self.element.find("#msg-user-to").each(function(){
   			var el = $(this);
   			el.autocomplete({
	        				source: function(req, add){ 
		        				//pass request to server  
		        				$.getJSON("common.php?msg-autocomplete=true&input=" + el.val(),
		        					null,
		        					function(data) {  
	   										var suggestions = [];  
	   										$.each(data, function(i, val){ 
		   										suggestions.push(val); 
		   									});  
	   										add(suggestions);
	   								}
	                 				   
	             				);
         					},  
   
         					//define select handler  
         					select: function(e, ui) {  
   								  var terms = this.value.split( /,\s*/ ); 
   								  terms.pop();  // remove the current input
						          terms.push( ui.item.value );  // add the selected item
						          this.value = terms;
						   }
				});
		});
      } 
  });
})(jQuery);