diff --git a/www/channellist.html b/www/channellist.html
index 17ec27ae..938f7c92 100644
--- a/www/channellist.html
+++ b/www/channellist.html
@@ -45,15 +45,38 @@
         <script src="assets/js/jquery.js" type="text/javascript"></script>
         <script src="assets/js/iourl.js" type="text/javascript"></script>
         <script type="text/javascript">
+            var session = readCookie("sync_session") || "";
+            var uname = readCookie("sync_uname") || "";
+            if(uname && session) {
+                $.getJSON(IO_URL+"/api/json/login?name="+uname+"&session="+session+"&callback=?", function(data) {
+                    if(data.success) {
+                        $(".loginform").remove();
+                        setCookie("sync_uname", uname, 7);
+                        setCookie("sync_session", session, 7);
+                    }
+                });
+            }
             var q = "";
+            var p = "";
             $("#login").click(function() {
+                uname =  $("#name").val();
                 q = "name=" + $("#name").val() + "&pw=" + $("#pw").val();
+                $.getJSON(IO_URL+"/api/json/login?"+q+"&callback=?", function(data) {
+                    if(data.success) {
+                        $(".loginform").remove();
+                        session = data.session;
+                        createCookie("sync_uname", uname, 7);
+                        createCookie("sync_session", session, 7);
+                        p = "name=" + uname + "&session=" + session;
+                    }
+                });
+                
                 refresh();
                 setInterval(refresh, 5000);
             });
 
             function refresh() {
-                $.getJSON(IO_URL+"/api/json/listloaded?"+q+"&callback=?", function(data) {
+                $.getJSON(IO_URL+"/api/json/listloaded?"+p+"&callback=?", function(data) {
                     var host = document.location + "";
                     host = host.substring(0, host.indexOf("/widget.html"));
                     if(data.error) {
@@ -84,6 +107,30 @@
                     }
                 });
             }
+            function createCookie(name,value,days) {
+                if (days) {
+                    var date = new Date();
+                    date.setTime(date.getTime()+(days*24*60*60*1000));
+                    var expires = "; expires="+date.toGMTString();
+                }
+                else var expires = "";
+                document.cookie = name+"="+value+expires+"; path=/";
+            }
+
+            function readCookie(name) {
+                var nameEQ = name + "=";
+                var ca = document.cookie.split(";");
+                for(var i=0;i < ca.length;i++) {
+                    var c = ca[i];
+                    while (c.charAt(0)==" ") c = c.substring(1,c.length);
+                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+                }
+                return null;
+            }
+
+            function eraseCookie(name) {
+                createCookie(name,"",-1);
+            }
         </script>
     </body>
 </html>