(function($){
  $.fn.search = function(){
    return this.each(function(){
      var element = $(this);
      var container = element.parent();
      var offset = container.offset();
      var div = $('<div>').addClass('search-items');
      element.after(div);
      element.bind('keyup', function(event){
        if(event.which == 13){
          // now takw whats in the search field, url eoncdoe it and append to querystring, then redirect to test.aspx
          var terms = $(this).val();
          document.location = 'results.aspx?sTerms=' + terms;
        }else{
          var data = {};
          data.cmd = 'Search';
          data.cmd_arg = element.val();
          data.dtm = new Date();
          if(data.cmd_arg.length > 0){
            var service_url = 'default.ashx';
            $.getJSON(service_url, data, function(data){
              div.empty();
              div.append($('<div>').addClass('header').html('Featured Results'));
              if(data.items.length == 0){ div.hide(); }else{ div.show(); }
               for(var i=0;i<data.items.length;i++){
                var item = data.items[i];
                var sitem = $('<div>').addClass('search-item');
                var sthumb = $('<div>').addClass('thumb').html( $('<a>').data('term', item.Title).attr('href', item.Url).append( $('<img>').attr('src', 'images/search-view/' + item.Thumb)).click(function(){
                  search_log(this);
                }));
                
                sitem.append(sthumb);
                
                var scontent = $('<div>').addClass('content');
                scontent.append($('<div>').addClass('text').html( $('<a>').data('term', item.Title).attr('href', item.Url).html(item.Title).click(function(){
                  search_log(this);
                  
                })  ));
                //scontent.append($('<div>').addClass('likes').html(item.Likes + " Likes"));
                scontent.append($('<div>').addClass('categories').html("Related Categories: " + item.Categories));
                sitem.append(scontent);
                
                div.append(sitem);
              }
              div.append($('<div>').addClass('footer').html('View All Search Results').bind('click', function(event){
                var terms = $(element).val();
                document.location = 'results.aspx?sTerms=' + terms;
              }));
            });
          }else{
            div.hide();
          }
         }
      });
      
    });
  };
})(jQuery);