--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/links.js	Fri Mar 15 00:29:53 2013 -0700
@@ -0,0 +1,98 @@
+
+$("#filterTag").focus();
+
+var model = {
+    filterTags: ko.observableArray(currentFilter())
+};
+
+function currentFilter() {
+    var p = window.location.pathname;
+    var comps = p.split("/");
+    if (toRoot == ".") {
+        return [];
+    } else {
+        return (comps[comps.length-1] || "").split("+");
+    }
+}
+
+function toggleTag(tag) {
+    var selected = currentFilter();
+
+    if (selected.indexOf(tag) == -1) {
+        selected.push(tag);
+    } else {
+        selected.splice(selected.indexOf(tag), 1);
+    }
+    setPageTags(selected);
+}
+
+function setPageTags(tags) {
+    
+    var newPath = window.location.pathname;
+    if (toRoot == ".") {
+        newPath += "/";
+    } else {
+        newPath = newPath.replace(
+                /(.*\/)[^\/]*$/, "$1")
+    }
+    console.log("user root", newPath);
+    if (tags.length) {
+        newPath += tags.join("+")
+    } else {
+        newPath = newPath.substr(0, newPath.length - 1);
+    }
+    console.log("done", newPath);
+    
+    window.location.pathname = newPath;
+}
+
+function backspaceLastTag() {
+    var p = window.location.pathname;
+    var comps = p.split("/");
+    var selected = (comps[comps.length-1] || "").split("+");
+    if (selected.length == 0) {
+        return;
+    }
+    toggleTag(selected[selected.length-1]);
+}
+
+$("a.tag").click(function () {
+    var tag = $(this).text();
+    toggleTag(tag);
+    return false;
+});
+
+$("#filterTag").change(function () {
+    var tags = $(this).val().split(",");
+    setPageTags(tags);
+    return false;
+});
+
+var filterCompleteWords = "";
+$("#filterTag").select2({
+    allowClear: true,
+    multiple: true,
+    tokenSeparators: [' ', ','],
+    query: function (opts) {
+        $.ajax({
+            url: toRoot + "/tags",
+            data: {user: user, have: opts.element.val()},
+            success: function (data) {
+                opts.callback({results: data.tags});
+            }
+        });
+    },
+    change: function (ev) {
+        console.log("ch", ev.val);
+    },
+    initSelection: function (element, callback) {
+           var data = [];
+        $(element.val().split(",")).each(function () {
+            data.push({id: this, text: this});
+        });
+        callback(data);
+    }
+});
+$("#filterTag").select2("val", model.filterTags());
+
+ko.applyBindings(model);