$(document).ready(function() {
    $(".textbox").focus(function() { $(this).addClass("textbox-hover") });
    $(".textbox").blur(function() { $(this).removeClass("textbox-hover") });
    $(".datagrid tr").hover(
        function() { $(this).addClass("highlight"); },
        function() { $(this).removeClass("highlight"); }
    );
});

(function($){
   $.fn.ls = function(url, destination, params) {
      var params = $.extend({
         fo : '---', // first option
         lt : '...'    // loading text
      },params);
      var $dest = $(destination);
      return this.each(function(){
         $(this).bind('change', function() {
            var $$ = $(this);
            $dest.attr('disabled','false')
                 //.append('<option value="">' + params.lo + '</option>')
                 .ajaxStart(function(){
                    $$.show();
            });
            $.getJSON(url + $$.val(), {}, function(j){
                var options = '<option value="">' + params.fo + '</option>';
                if (j.length > 0) {
                  //var options = '<option value="">' +params.firstOption+ '</option>';
                  for (var i = 0; i < j.length; i++) {
                     options += '<option value="' + j[i].v + '">' + j[i].t + '</option>';
                  }
               }
               $dest.removeAttr('disabled')
                    .html(options)
                    .find('option:first')
                    .attr('selected', 'selected');
            }); // end getJSON
         });  // end change
      }); // end return each
   };  // end function
})(jQuery);

