Built-in Last.fm TOP playlists

app/assets/javascripts/player.coffee

@@ -58,13 +58,13 @@ class window.Player
       s = len - Math.floor(len / 60) * 60
       duration = m + ':' + (if s < 10 then '0' else '') + s
       item_class = (if item.available == false then 'unavailable' else '')
-      $('.playlist').append '
-      <li id="i' +Math.round(Math.random() * 999999)+ '" data-id="'+item.id+'" class="'+item_class+'">
-        <div class="song-duration">' +duration+ '</div>
-        <div class="label important remove">remove</div>
-        <div class="artist-name">' +item.artist+ '</div>
-        <div class="song-title">' +item.name+ '</div>
-      </li>'
+      $('.playlist').append "
+      <li id='i#{Math.round(Math.random() * 999999)}' data-id='#{item.id}' class='#{item_class}'>
+        <div class='song-duration'>#{duration}</div>
+        <div class='label important remove'>remove</div>
+        <div class='artist-name'><a class='data artist'>#{item.artist}</a></div>
+        <div class='song-title'>#{item.name}</div>
+      </li>"
       _player.playlist.push item
     $('.playlist').sortable axis: 'y', cursor: 'move'
     if initial_count == 0 and not _player.hasTrack()
@@ -282,3 +282,11 @@ $('.set-playlist').live 'click', ->
     _search.hideSpinner()
     false
   false
+  
+$('.dynamic-playlist')  .live 'click', ->
+  _search.showSpinner()
+  $.get "/playlist/#{$(this).data('playlist')}", (playlist) ->
+    _player.setPlaylist playlist
+    _search.hideSpinner()
+    false
+  false

app/assets/javascripts/vksearch/vkontakte_search.coffee

@@ -14,7 +14,7 @@ class window.VkontakteMusic
     if @query_results[query]? and not return_all
       callback @query_results[query]
     that = this
-    VK.Api.call 'audio.search', q: query, (r) ->
+    VK.Api.call 'audio.search', q: query, count: 200, (r) ->
       results = that.range r.response, artist, track, duration
       top_result = null
       if results.length > 0

app/assets/stylesheets/albums.scss

@@ -22,7 +22,7 @@
   display: block;
   margin: 1px 0;
 }
-.set-playlist {
+.set-playlist, .dynamic-playlist {
   float: right;
   cursor: pointer;
 }

app/assets/stylesheets/misc.scss

@@ -28,4 +28,9 @@
 
 table.stats {
   width: 50%;
+}
+
+.data.artist {
+  color: inherit;
+  cursor: pointer;
 }