1 files changed, 37 insertions, 3 deletions

diff --git a/static/script.js b/static/script.js
index 1a10f88..c55aff6 100644
--- a/static/script.js
+++ b/static/script.js
@@ -2,9 +2,16 @@ var player;
 var litColor = '#eee';
 var dimmedColor = '#555';
 var interval;
-for (var i = 0; i < ids.length; i++) {
-	drawBar(ids[i]);
-}
+$(document).ready(function () {
+	$('body').click(function (e) {
+		if (e.target.id !== 'results') {
+			$('#results').slideUp(100);
+		}
+	});
+	for (var i = 0; i < ids.length; i++) {
+		drawBar(ids[i]);
+	}
+});
 
 function drawBar(id) {
 	var canvas = document.getElementById(id);
@@ -98,3 +105,30 @@ function showPause(yid) {
 	pause.style.display = 'inline';
 	play.style.display = 'none';
 }
+
+function search(query) {
+	params = {
+		'q': query,
+		'max-results': 10,
+		'v': 2,
+		'strict': true,
+		'alt': 'json',
+		'fields': 'entry(title,media:group(yt:videoid))',
+		'safeSearch': 'none',
+		'key': 'AI39si7SaaRqtvAZTa8lePOq6XC5r7S5Xzp3AB6oYPfeCArPbA4dIq7tSVeuIDwAkcFFDeI3rzNmYxkyN_fg8X_7w800pIvVOA'
+	}
+	$.getJSON('https://gdata.youtube.com/feeds/api/videos', params,
+		function(data) {
+			var entries = data.feed.entry;
+			var items = [];
+			for (var i = 0; i < entries.length; i++) {
+				var title = entries[i].title.$t;
+				var id = entries[i].media$group.yt$videoid.$t;
+				items.push('<li id="r_' + id + '"><img src="http://i.ytimg.com/vi/' + id  + '/1.jpg" alt="' + id + '">' + title + '</li>');
+			}
+			var results = $('#results ul').html(items.join('\n'));
+			$('#results').slideDown(100);
+		}
+	);
+	return false;
+}