(function($) {

  $.fn.cbsearch = function(contentWrapper)
  {
    return this.each(function()
    {
      var scriptFile = $(this).attr("action");

      $(this).find('#term').click(function() {
        $(this).val('');
      });

      $('body').append('<div id="searchResultsBox">' +
                         '<div id="searchResultsTopLine">' +
                           '<div id="searchSpinner">» Lade / Loading «</div>' +
                           '<button id="searchResultsCloseButton" class="cButton">x</button>' +
                         '</div>' +
                         '<ul id="searchResultsList"></ul>' +
                       '</div>');

      $('#searchResultsCloseButton').click(function() {
        $('#searchResultsBox').fadeOut('fast');
      });

      $(this).submit(function() {
        var term = $(this).find('#term').val();
        if (term != '')
        {
          $('#searchSpinner').css('visibility', 'visible');
          $('#searchResultsList > *').remove();
          $('#searchResultsList').load(scriptFile, "ajax=ajax&term=" + term, function(responseText, textStatus, XMLHttpRequest) {
            $(this).cbajax(contentWrapper);
            $('#searchSpinner').css('visibility', 'hidden');
          });

          var pos = $(this).offset();
          $('#searchResultsBox').css({
            "top": (pos.top + 30) + "px"
            /*"left": (pos.left + 5) + "px"*/
          });
          $('#searchResultsBox').fadeIn('fast');
        }
        return false;
      });
    });
  };

})(jQuery);