]> git.wh0rd.org - tt-rss.git/blobdiff - viewfeed.js
infinite scrolling
[tt-rss.git] / viewfeed.js
index 58b7d3ecbfc6214267ff22317c67b876804c8a0b..e464f21981fbb1b7f42eb51eb70cb2b38dfb2314 100644 (file)
 var active_post_id = false;
+var _catchup_callback_func = false;
+var last_article_view = false;
+var active_real_feed_id = false;
 
-var xmlhttp_rpc = Ajax.getTransport();
+var _tag_active_post_id = false;
+var _tag_active_feed_id = false;
+var _tag_active_cdm = false;
 
-function view(id, feed_id) {
+// FIXME: kludge, to restore scrollTop after tag editor terminates
+var _tag_cdm_scroll = false;
+
+// FIXME: kludges, needs proper implementation
+var _reload_feedlist_after_view = false;
+
+var _cdm_wd_timeout = false;
+var _cdm_wd_vishist = new Array();
+
+var article_cache = new Array();
+
+function catchup_callback() {
+       if (xmlhttp_rpc.readyState == 4) {
+               try {
+                       debug("catchup_callback");
+                       notify("");                     
+                       all_counters_callback();
+                       if (_catchup_callback_func) {
+                               setTimeout(_catchup_callback_func, 10); 
+                       }
+               } catch (e) {
+                       exception_error("catchup_callback", e);
+               }
+       }
+}
+
+function headlines_callback() {
+       if (xmlhttp.readyState == 4) {
+               debug("headlines_callback");
+               var f = document.getElementById("headlines-frame");
+               try {
+                       if (feed_cur_page == 0) { 
+                               debug("resetting headlines scrollTop");
+                               f.scrollTop = 0; 
+                       }
+               } catch (e) { };
+
+               if (xmlhttp.responseXML) {
+                       var headlines = xmlhttp.responseXML.getElementsByTagName("headlines")[0];
+                       var counters = xmlhttp.responseXML.getElementsByTagName("counters")[0];
+                       var articles = xmlhttp.responseXML.getElementsByTagName("article");
+                       var runtime_info = xmlhttp.responseXML.getElementsByTagName("runtime-info");
+
+                       if (feed_cur_page == 0) {
+                               if (headlines) {
+                                       f.innerHTML = headlines.firstChild.nodeValue;
+                               } else {
+                                       debug("headlines_callback: returned no data");
+                               f.innerHTML = "<div class='whiteBox'>" + __('Could not update headlines (missing XML data)') + "</div>";
        
+                               }
+                       } else {
+                               if (headlines) {
+                                       debug("adding some more headlines...");
+
+                                       var c = document.getElementById("headlinesList");
+
+                                       if (!c) {
+                                               c = document.getElementById("headlinesInnerContainer");
+                                       }
+
+                                       c.innerHTML = c.innerHTML + headlines.firstChild.nodeValue;
+                               } else {
+                                       debug("headlines_callback: returned no data");
+                                       notify_error("Error while trying to load more headlines");      
+                               }
+
+                       }
+
+                       if (articles) {
+                               for (var i = 0; i < articles.length; i++) {
+                                       var a_id = articles[i].getAttribute("id");
+                                       debug("found id: " + a_id);
+                                       cache_inject(a_id, articles[i].firstChild.nodeValue);
+                               }
+                       } else {
+                               debug("no cached articles received");
+                       }
+
+                       if (counters) {
+                               debug("parsing piggybacked counters: " + counters);
+                               parse_counters(counters, false);
+                       } else {
+                               debug("counters container not found in reply");
+                       }
+
+                       if (runtime_info) {
+                               debug("parsing runtime info: " + runtime_info[0]);
+                               parse_runtime_info(runtime_info[0]);
+                       } else {
+                               debug("counters container not found in reply");
+                       }
+
+               } else {
+                       debug("headlines_callback: returned no XML object");
+                       f.innerHTML = "<div class='whiteBox'>" + __('Could not update headlines (missing XML object)') + "</div>";
+               }
+
+               if (typeof correctPNG != 'undefined') {
+                       correctPNG();
+               }
+
+               if (_cdm_wd_timeout) window.clearTimeout(_cdm_wd_timeout);
+
+               if (!document.getElementById("headlinesList") && 
+                               getInitParam("cdm_auto_catchup") == 1) {
+                       debug("starting CDM watchdog");
+                       _cdm_wd_timeout = window.setTimeout("cdmWatchdog()", 5000);
+                       _cdm_wd_vishist = new Array();
+               } else {
+                       debug("not in CDM mode or watchdog disabled");
+               }
+
+               if (_tag_cdm_scroll) {
+                       try {
+                               document.getElementById("headlinesInnerContainer").scrollTop = _tag_cdm_scroll;
+                               _tag_cdm_scroll = false;
+                               debug("resetting headlinesInner scrollTop");
+
+                       } catch (e) { }
+               }
+
+               notify("");
+       }
+}
+
+function render_article(article) {
        try {
-               debug("loading article: " + id + "/" + feed_id);
+               var f = document.getElementById("content-frame");
+               try {
+                       f.scrollTop = 0;
+               } catch (e) { };
+
+               f.innerHTML = article;
+
+       } catch (e) {
+               exception_error("render_article", e);
+       }
+}
+
+function article_callback() {
+       if (xmlhttp.readyState == 4) {
+               debug("article_callback");
+
+               try {
+                       if (xmlhttp.responseXML) {
+                               var reply = xmlhttp.responseXML.firstChild.firstChild;
+
+                               var articles = xmlhttp.responseXML.getElementsByTagName("article");
+
+                               for (var i = 0; i < articles.length; i++) {
+                                       var a_id = articles[i].getAttribute("id");
+
+                                       debug("found id: " + a_id);
+
+                                       if (a_id == active_post_id) {
+                                               debug("active article, rendering...");                                  
+                                               render_article(articles[i].firstChild.nodeValue);
+                                       }
+
+                                       cache_inject(a_id, articles[i].firstChild.nodeValue);
+                               }
+                       
+                       } else {
+                               debug("article_callback: returned no XML object");
+                               var f = document.getElementById("content-frame");
+                               f.innerHTML = "<div class='whiteBox'>" + __('Could not display article (missing XML object)') + "</div>";
+                       }
+               } catch (e) {
+                       exception_error("article_callback", e);
+               }
+
+               var date = new Date();
+               last_article_view = date.getTime() / 1000;
+
+               if (typeof correctPNG != 'undefined') {
+                       correctPNG();
+               }
+
+               if (_reload_feedlist_after_view) {
+                       setTimeout('updateFeedList(false, false)', 50);                 
+                       _reload_feedlist_after_view = false;
+               } else {
+                       var counters = xmlhttp.responseXML.getElementsByTagName("counters")[0];
+
+                       if (counters) {
+                               debug("parsing piggybacked counters: " + counters);
+                               parse_counters(counters, false);
+                       } else {
+                               debug("counters container not found in reply");
+                       }
+               }
+
+               notify("");
+       }
+}
+
+function view(id, feed_id, skip_history) {
        
-               var f_document = getFeedsContext().document;
-               var m_document = parent.document;
+       try {
+               debug("loading article: " + id + "/" + feed_id);
+
+               active_real_feed_id = feed_id;
+
+               var cached_article = cache_find(id);
+
+               debug("cache check result: " + (cached_article != false));
        
                enableHotkeys();
        
-               var crow = document.getElementById("RROW-" + id);
-       
-               crow.className = crow.className.replace("Unread", "");
-       
-               cleanSelected("headlinesList");
-       
-               var upd_img_pic = document.getElementById("FUPDPIC-" + id);
-       
-               if (upd_img_pic) {
-                       upd_img_pic.src = "images/blank_icon.gif";
-               } 
-       
-               active_post_id = id; 
-               setActiveFeedId(feed_id);
-       
-               var content = m_document.getElementById("content-frame");
-       
-               content.src = "backend.php?op=view&id=" + param_escape(id) +
+               //setActiveFeedId(feed_id);
+
+               var query = "backend.php?op=view&id=" + param_escape(id) +
                        "&feed=" + param_escape(feed_id);
-       
-               selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
-               markHeadline(active_post_id);
+
+               var date = new Date();
+
+               if (!xmlhttp_ready(xmlhttp) && last_article_view < date.getTime() / 1000 - 15) {
+                       debug("<b>xmlhttp seems to be stuck at view, aborting</b>");
+                       xmlhttp.abort();
+                       if (is_safari()) {
+                               debug("trying alternative reset method for Safari");
+                               xmlhttp = Ajax.getTransport();
+                       }
+               }
+
+               if (xmlhttp_ready(xmlhttp)) {
+
+                       active_post_id = id; 
+
+                       cleanSelected("headlinesList");
+
+                       var crow = document.getElementById("RROW-" + active_post_id);
+
+                       var article_is_unread = crow.className.match("Unread");
+                       debug("article is unread: " + article_is_unread);                       
+
+                       crow.className = crow.className.replace("Unread", "");
+
+                       var upd_img_pic = document.getElementById("FUPDPIC-" + active_post_id);
+
+                       if (upd_img_pic) {
+                               upd_img_pic.src = "images/blank_icon.gif";
+                       }
+
+                       selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
+                       markHeadline(active_post_id);
+
+                       var neighbor_ids = getRelativePostIds(active_post_id);
+
+                       /* only request uncached articles */
+
+                       var cids_to_request = Array();
+
+                       for (var i = 0; i < neighbor_ids.length; i++) {
+                               if (!cache_check(neighbor_ids[i])) {
+                                       cids_to_request.push(neighbor_ids[i]);
+                               }
+                       }
+
+                       debug("additional ids: " + cids_to_request.toString());                 
+
+                       /* additional info for piggyback counters */
+
+                       if (tagsAreDisplayed()) {
+                               query = query + "&omode=lt";
+                       } else {
+                               query = query + "&omode=flc";
+                       }
+
+                       var date = new Date();
+                       var timestamp = Math.round(date.getTime() / 1000);
+                       query = query + "&ts=" + timestamp;
+
+                       query = query + "&cids=" + cids_to_request.toString();
+
+                       if (!cached_article) {
+
+                               notify_progress("Loading, please wait...");
+
+                               debug(query);
+
+                               xmlhttp.open("GET", query, true);
+                               xmlhttp.onreadystatechange=article_callback;
+                               xmlhttp.send(null);
+                       } else if (cached_article && article_is_unread) {
+
+                               query = query + "&mode=prefetch";
+
+                               debug(query);
+
+                               xmlhttp.open("GET", query, true);
+                               xmlhttp.onreadystatechange=article_callback;
+                               xmlhttp.send(null);
+
+                               render_article(cached_article);
+
+                       } else if (cached_article) {
+
+                               query = query + "&mode=prefetch_old";
+
+                               debug(query);
+
+                               xmlhttp.open("GET", query, true);
+                               xmlhttp.onreadystatechange=article_callback;
+                               xmlhttp.send(null);
+
+                               render_article(cached_article);
+
+                       }
+
+                       cache_expire();
+
+               } else {
+                       debug("xmlhttp busy (@view)");
+                       printLockingError();
+               }  
 
        } catch (e) {
                exception_error("view", e);
        }
 }
 
-function toggleMark(id) {
+function tMark(id) {
+       return toggleMark(id);
+}
 
-       var f_document = parent.frames["feeds-frame"].document;
+function toggleMark(id) {
 
        if (!xmlhttp_ready(xmlhttp_rpc)) {
                printLockingError();
@@ -51,14 +343,13 @@ function toggleMark(id) {
 
        var query = "backend.php?op=rpc&id=" + id + "&subop=mark";
 
-       var mark_img = document.getElementById("FMARKPIC-" + id);
-       var vfeedu = f_document.getElementById("FEEDU--1");
+       var mark_img = document.getElementById("FMPIC-" + id);
+       var vfeedu = document.getElementById("FEEDU--1");
        var crow = document.getElementById("RROW-" + id);
 
        if (mark_img.alt != "Reset mark") {
                mark_img.src = "images/mark_set.png";
                mark_img.alt = "Reset mark";
-               mark_img.setAttribute('onclick', 'javascript:toggleMark('+id+')');
                query = query + "&mark=1";
 
                if (vfeedu && crow.className.match("Unread")) {
@@ -68,7 +359,6 @@ function toggleMark(id) {
        } else {
                mark_img.src = "images/mark_unset.png";
                mark_img.alt = "Set mark";
-               mark_img.setAttribute('onclick', 'javascript:toggleMark('+id+')');
                query = query + "&mark=0";
 
                if (vfeedu && crow.className.match("Unread")) {
@@ -77,8 +367,8 @@ function toggleMark(id) {
 
        }
 
-       var vfeedctr = f_document.getElementById("FEEDCTR--1");
-       var vfeedr = f_document.getElementById("FEEDR--1");
+       var vfeedctr = document.getElementById("FEEDCTR--1");
+       var vfeedr = document.getElementById("FEEDR--1");
 
        if (vfeedu && vfeedctr) {
                if ((+vfeedu.innerHTML) > 0) {
@@ -98,6 +388,38 @@ function toggleMark(id) {
 
 }
 
+function correctHeadlinesOffset(id) {
+       
+       try {
+
+               var hlist = document.getElementById("headlinesList");
+               var container = document.getElementById("headlinesInnerContainer");
+               var row = document.getElementById("RROW-" + id);
+       
+               var viewport = container.offsetHeight;
+       
+               var rel_offset_top = row.offsetTop - container.scrollTop;
+               var rel_offset_bottom = row.offsetTop + row.offsetHeight - container.scrollTop;
+       
+               debug("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
+               debug("Vport: " + viewport);
+
+               if (rel_offset_top <= 0 || rel_offset_top > viewport) {
+                       container.scrollTop = row.offsetTop;
+               } else if (rel_offset_bottom > viewport) {
+
+                       /* doesn't properly work with Opera in some cases because
+                               Opera fucks up element scrolling */
+
+                       container.scrollTop = row.offsetTop + row.offsetHeight - viewport;              
+               } 
+
+       } catch (e) {
+               exception_error("correctHeadlinesOffset", e);
+       }
+
+}
+
 function moveToPost(mode) {
 
        // check for combined mode
@@ -106,8 +428,12 @@ function moveToPost(mode) {
 
        var rows = getVisibleHeadlineIds();
 
-       var prev_id;
-       var next_id;
+       var prev_id = false;
+       var next_id = false;
+
+       if (!document.getElementById('RROW-' + active_post_id)) {
+               active_post_id = false;
+       }
 
        if (active_post_id == false) {
                next_id = getFirstVisibleHeadlineId();
@@ -122,23 +448,20 @@ function moveToPost(mode) {
        }
 
        if (mode == "next") {
-               if (next_id != undefined) {
+               if (next_id) {
+                       correctHeadlinesOffset(next_id);
                        view(next_id, getActiveFeedId());
                }
        }
 
        if (mode == "prev") {
-               if ( prev_id != undefined) {
+               if (prev_id) {
+                       correctHeadlinesOffset(prev_id);
                        view(prev_id, getActiveFeedId());
                }
        } 
 }
 
-function viewfeed(id) {
-       var f = parent.frames["feeds-frame"];
-       f.viewfeed(id, 0);
-}
-
 function toggleUnread(id, cmode) {
        try {
                if (!xmlhttp_ready(xmlhttp_rpc)) {
@@ -163,6 +486,8 @@ function toggleUnread(id, cmode) {
                        var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
                                param_escape(id) + "&cmode=" + param_escape(cmode);
 
+                       notify_progress("Loading, please wait...");
+
                        xmlhttp_rpc.open("GET", query, true);
                        xmlhttp_rpc.onreadystatechange=all_counters_callback;
                        xmlhttp_rpc.send(null);
@@ -175,7 +500,7 @@ function toggleUnread(id, cmode) {
        }
 }
 
-function selectionToggleUnread(cdm_mode) {
+function selectionToggleUnread(cdm_mode, set_state, callback_func, no_error) {
        try {
                if (!xmlhttp_ready(xmlhttp_rpc)) {
                        printLockingError();
@@ -190,6 +515,11 @@ function selectionToggleUnread(cdm_mode) {
                        rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
                }
 
+               if (rows.length == 0 && !no_error) {
+                       alert(__("No articles are selected."));
+                       return;
+               }
+
                for (i = 0; i < rows.length; i++) {
                        var row = document.getElementById("RROW-" + rows[i]);
                        if (row) {
@@ -207,11 +537,25 @@ function selectionToggleUnread(cdm_mode) {
 
                if (rows.length > 0) {
 
+                       var cmode = "";
+
+                       if (set_state == undefined) {
+                               cmode = "2";
+                       } else if (set_state == true) {
+                               cmode = "1";
+                       } else if (set_state == false) {
+                               cmode = "0";
+                       }
+
                        var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
-                               param_escape(rows.toString()) + "&cmode=2";
+                               param_escape(rows.toString()) + "&cmode=" + cmode;
+
+                       _catchup_callback_func = callback_func;
+
+                       notify_progress("Loading, please wait...");
 
                        xmlhttp_rpc.open("GET", query, true);
-                       xmlhttp_rpc.onreadystatechange=all_counters_callback;
+                       xmlhttp_rpc.onreadystatechange=catchup_callback;
                        xmlhttp_rpc.send(null);
 
                }
@@ -236,6 +580,11 @@ function selectionToggleMarked(cdm_mode) {
                        rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
                }       
 
+               if (rows.length == 0) {
+                       alert(__("No articles are selected."));
+                       return;
+               }
+
                for (i = 0; i < rows.length; i++) {
                        var row = document.getElementById("RROW-" + rows[i]);
                        var mark_img = document.getElementById("FMARKPIC-" + rows[i]);
@@ -275,7 +624,7 @@ function selectionToggleMarked(cdm_mode) {
 
 function cdmGetSelectedArticles() {
        var sel_articles = new Array();
-       var container = document.getElementById("headlinesContainer");
+       var container = document.getElementById("headlinesInnerContainer");
 
        for (i = 0; i < container.childNodes.length; i++) {
                var child = container.childNodes[i];
@@ -291,7 +640,7 @@ function cdmGetSelectedArticles() {
 
 // mode = all,none,unread
 function cdmSelectArticles(mode) {
-       var container = document.getElementById("headlinesContainer");
+       var container = document.getElementById("headlinesInnerContainer");
 
        for (i = 0; i < container.childNodes.length; i++) {
                var child = container.childNodes[i];
@@ -320,26 +669,310 @@ function cdmSelectArticles(mode) {
 }
 
 function catchupPage() {
-       selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true);
-       selectionToggleUnread();
-       selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
-}
 
+       var fn = getFeedName(getActiveFeedId(), active_feed_is_cat);
+       
+       var str = "Mark all visible articles in " + fn + " as read?";
 
-function init() {
-       if (arguments.callee.done) return;
-       arguments.callee.done = true;           
+       if (getInitParam("confirm_feed_catchup") == 1 && !confirm(str)) {
+               return;
+       }
 
-       if (parent.frames["feeds-frame"]) {
-               document.onkeydown = hotkey_handler;
+       if (document.getElementById("headlinesList")) {
+               selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true);
+               selectionToggleUnread(false, false, 'viewCurrentFeed()', true);
+               selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
+       } else {
+               cdmSelectArticles('all');
+               selectionToggleUnread(true, false, 'viewCurrentFeed()', true)
+               cdmSelectArticles('none');
        }
+}
 
-       var hw = document.getElementById("headlinesList").scrollHeight;
-       var pw = parent.document.getElementById("headlines").scrollHeight;
+function labelFromSearch(search, search_mode, match_on, feed_id, is_cat) {
 
-       if (hw >= pw) {
-               var bt = document.getElementById("headlineActionsBottom");
-               bt.className = "headlinesSubToolbar";
+       if (!xmlhttp_ready(xmlhttp_rpc)) {
+               printLockingError();
        }
+
+       var title = prompt("Please enter label title:", "");
+
+       if (title) {
+
+               var query = "backend.php?op=labelFromSearch&search=" + param_escape(search) +
+                       "&smode=" + param_escape(search_mode) + "&match=" + param_escape(match_on) +
+                       "&feed=" + param_escape(feed_id) + "&is_cat=" + param_escape(is_cat) + 
+                       "&title=" + param_escape(title);
+
+               debug("LFS: " + query);
        
+               xmlhttp_rpc.open("GET", query, true);
+               xmlhttp_rpc.onreadystatechange=dlg_frefresh_callback;
+               xmlhttp_rpc.send(null);
+       }
+
+}
+
+function editArticleTags(id, feed_id, cdm_enabled) {
+       _tag_active_post_id = id;
+       _tag_active_feed_id = feed_id;
+       _tag_active_cdm = cdm_enabled;
+
+       cache_invalidate(id);
+
+       try {
+               _tag_cdm_scroll = document.getElementById("headlinesInnerContainer").scrollTop;
+       } catch (e) { }
+       displayDlg('editArticleTags', id);
+}
+
+
+function tag_saved_callback() {
+       if (xmlhttp_rpc.readyState == 4) {
+               try {
+                       debug("in tag_saved_callback");
+
+                       closeInfoBox();
+                       notify("");
+
+                       if (tagsAreDisplayed()) {
+                               _reload_feedlist_after_view = true;
+                       }
+
+                       if (!_tag_active_cdm) {
+                               if (active_post_id == _tag_active_post_id) {
+                                       debug("reloading current article");
+                                       view(_tag_active_post_id, _tag_active_feed_id);                 
+                               }
+                       } else {
+                               debug("reloading current feed");
+                               viewCurrentFeed();
+                       }
+
+               } catch (e) {
+                       exception_error("catchup_callback", e);
+               }
+       }
+}
+
+function editTagsSave() {
+
+       if (!xmlhttp_ready(xmlhttp_rpc)) {
+               printLockingError();
+       }
+
+       notify_progress("Saving article tags...");
+
+       var form = document.forms["tag_edit_form"];
+
+       var query = Form.serialize("tag_edit_form");
+
+       query = "backend.php?op=rpc&subop=setArticleTags&" + query;
+
+       debug(query);
+
+       xmlhttp_rpc.open("GET", query, true);                   
+       xmlhttp_rpc.onreadystatechange=tag_saved_callback;
+       xmlhttp_rpc.send(null);
+
+}
+
+function editTagsInsert() {
+       try {
+
+               var form = document.forms["tag_edit_form"];
+
+               var found_tags = form.found_tags;
+               var tags_str = form.tags_str;
+
+               var tag = found_tags[found_tags.selectedIndex].value;
+
+               if (tags_str.value.length > 0 && 
+                               tags_str.value.lastIndexOf(", ") != tags_str.value.length - 2) {
+
+                       tags_str.value = tags_str.value + ", ";
+               }
+
+               tags_str.value = tags_str.value + tag + ", ";
+
+               found_tags.selectedIndex = 0;
+               
+       } catch (e) {
+               exception_error(e, "editTagsInsert");
+       }
+}
+
+function cdmWatchdog() {
+
+       try {
+
+               var ctr = document.getElementById("headlinesInnerContainer");
+
+               if (!ctr) return;
+
+               var ids = new Array();
+
+               var e = ctr.firstChild;
+
+               while (e) {
+                       if (e.className && e.className == "cdmArticleUnread" && e.id &&
+                                       e.id.match("RROW-")) {
+
+                               // article fits in viewport OR article is longer than viewport and
+                               // its bottom is visible
+
+                               if (ctr.scrollTop <= e.offsetTop && e.offsetTop + e.offsetHeight <=
+                                               ctr.scrollTop + ctr.offsetHeight) {
+
+//                                     debug(e.id + " is visible " + e.offsetTop + "." + 
+//                                             (e.offsetTop + e.offsetHeight) + " vs " + ctr.scrollTop + "." +
+//                                             (ctr.scrollTop + ctr.offsetHeight));
+
+                                       ids.push(e.id.replace("RROW-", ""));
+
+                               } else if (e.offsetHeight > ctr.offsetHeight &&
+                                               e.offsetTop + e.offsetHeight >= ctr.scrollTop &&
+                                               e.offsetTop + e.offsetHeight <= ctr.scrollTop + ctr.offsetHeight) {
+
+                                       ids.push(e.id.replace("RROW-", "")); 
+
+                               }
+
+                               // method 2: article bottom is visible and is in upper 1/2 of the viewport
+
+/*                             if (e.offsetTop + e.offsetHeight >= ctr.scrollTop &&
+                                               e.offsetTop + e.offsetHeight <= ctr.scrollTop + ctr.offsetHeight/2) {
+
+                                       ids.push(e.id.replace("RROW-", "")); 
+
+                               } */
+
+                       }
+
+                       e = e.nextSibling;
+               }
+
+               debug("cdmWatchdog, ids= " + ids.toString());
+
+               if (ids.length > 0 && xmlhttp_ready(xmlhttp_rpc)) {
+
+                       for (var i = 0; i < ids.length; i++) {
+                               var e = document.getElementById("RROW-" + ids[i]);
+                               if (e) {
+                                       e.className = e.className.replace("Unread", "");
+                               }
+                       }
+
+                       var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
+                               param_escape(ids.toString()) + "&cmode=0";
+
+                       xmlhttp_rpc.open("GET", query, true);
+                       xmlhttp_rpc.onreadystatechange=all_counters_callback;
+                       xmlhttp_rpc.send(null); 
+
+               }
+
+               _cdm_wd_timeout = window.setTimeout("cdmWatchdog()", 4000);
+
+       } catch (e) {
+               exception_error(e, "cdmWatchdog");
+       }
+
+}
+
+
+function cache_inject(id, article) {
+       if (!cache_check(id)) {
+               debug("cache_article: miss: " + id);
+
+               var cache_obj = new Array();
+
+               cache_obj["id"] = id;
+               cache_obj["data"] = article;
+
+               article_cache.push(cache_obj);
+
+       } else {
+               debug("cache_article: hit: " + id);
+       }
+}
+
+function cache_find(id) {
+       for (var i = 0; i < article_cache.length; i++) {
+               if (article_cache[i]["id"] == id) {
+                       return article_cache[i]["data"];
+               }
+       }
+       return false;
+}
+
+function cache_check(id) {
+       for (var i = 0; i < article_cache.length; i++) {
+               if (article_cache[i]["id"] == id) {
+                       return true;
+               }
+       }
+       return false;
+}
+
+function cache_expire() {
+       while (article_cache.length > 20) {
+               article_cache.shift();
+       }
+}
+
+function cache_invalidate(id) {
+       var i = 0
+
+       try {   
+
+               while (i < article_cache.length) {
+                       if (article_cache[i]["id"] == id) {
+                               debug("cache_invalidate: removed id " + id);
+                               article_cache.splice(i, 1);
+                               return true;
+                       }
+                       i++;
+               }
+               debug("cache_invalidate: id not found: " + id);
+               return false;
+       } catch (e) {
+               exception_error("cache_invalidate", e);
+       }
+}
+
+function getActiveArticleId() {
+       return active_post_id;
+}
+
+function cdmMouseIn(elem) {
+       try {
+               if (elem.id && elem.id.match("RROW-")) {
+                       var id = elem.id.replace("RROW-", "");
+                       active_post_id = id;
+               }
+       } catch (e) {
+               exception_error("cdmMouseIn", e);
+       }
+
+}
+
+function cdmMouseOut(elem) {
+       active_post_id = false;
+}
+
+function headlines_scroll_handler() {
+       try {
+
+               var e = document.getElementById("headlinesInnerContainer");
+
+               if (e.scrollTop + e.offsetHeight == e.scrollHeight) {
+                       debug("more cowbell!");
+
+                       viewNextFeedPage();
+               }
+
+       } catch (e) {
+               exception_error("headlines_scroll_handler", e);
+       }
 }