var search_timer;
var loading_str = "<div style=\"text-align:center;\"><img src=\"/images/ico/ajaxloading.gif\" alt=\"Loading\" /></div>";

function keyUpSearch(val){
  clearTimeout(search_timer);
  if (val.length>2){
    search_timer = setTimeout("suggestSearch('"+val+"');",500);
  }
  if (val==''){
    // Clean results and hide it
    $("#suggest_artists_results").html(loading_str);
    $("#suggest_albums_results").html(loading_str);
    $('#suggest_search').hide();
  }
}

function suggestSearch(val){ 
  if (val.length>=3){
    var searcher = $("#suggest_search");
    var artist_res = $("#suggest_artists_results");
    var album_res = $("#suggest_albums_results");
    $('#suggest_lastfm_link').title = "Do you want us to search for "+val+" in last.fm?";
        
    searcher.show();
    
    $.ajax({
        type: "POST",
        url: "/ajax-search",
        data: "q="+val,
        dataType: "json",
        success: function(searchdata){
          // Artists
          if (searchdata.num_artist>0){
            var artists_success = "<ul class=\"search_list\">";
            for (i=0;i<searchdata.artists.length;i++){
              artists_success += "<li>";
              artists_success += "<div class='imagen'><div class=\"brillo\"><a href=\""+searchdata.artists[i].url+"\">&nbsp;</a></div><a href=\""+searchdata.artists[i].url+"\">";
              artists_success += "<img src=\""+searchdata.artists[i].cover+"\" alt=\""+searchdata.artists[i].name+"\" border=\"0\" />";
              artists_success += "</a></div>";
              artists_success += "<div class='texto'><a href=\""+searchdata.artists[i].url+"\">";
              artists_success += searchdata.artists[i].name;
              artists_success += "</a></div><br clear='all' />";
              artists_success += "</li>";
            }
            artists_success += "</ul>";
            artist_res.html(artists_success);
          }
          else{
            artist_res.html('<ul class="search_list"><li class="noresults">No results - <a href="http://musicvault.fm/searchlfm/'+document.getElementById('q').value+'">Search with last.fm</a></li></ul>');
          }
          
          // Albums
          if (searchdata.num_album>0){
            var albums_success = "<ul class=\"search_list\">";
            for (i=0;i<searchdata.albums.length;i++){
              albums_success += "<li>";
              albums_success += "<div class='imagen'><div class=\"brillo\"><a href=\""+searchdata.albums[i].url+"\">&nbsp;</a></div><a href=\""+searchdata.albums[i].url+"\">";
              albums_success += "<img src=\""+searchdata.albums[i].cover+"\" alt=\""+searchdata.albums[i].name+"\" border=\"0\" />";
              albums_success += "</a></div>";
			  albums_success += "<div class='texto'><a href=\""+searchdata.albums[i].url+"\">";
              albums_success += searchdata.albums[i].name;
              albums_success += "</a></div><br clear='all' />";
              albums_success += "</li>";
            }
            albums_success += "</ul>";
            album_res.html(albums_success);
          }
          else{
            album_res.html('<ul class="search_list"><li class="noresults">No results - <a href="http://musicvault.fm/searchlfm/'+document.getElementById('q').value+'">Search with last.fm</a></li></ul>');
          }
        }
    });
  }
}