add collapsed CDM mode

functions.js

@@ -1198,7 +1198,9 @@ function checkboxToggleElement(elem, id) {
 function appearBlockElement(id, h_id) {
 
 	try {
+		if (h_id) {
 			Effect.Fade(h_id);
+		}
 		Effect.SlideDown(id, {duration : 1.0, afterFinish: appearBlockElement_afh});
 	} catch (e) {
 		exception_error("appearBlockElement", e);
@@ -1206,7 +1208,6 @@ function appearBlockElement(id, h_id) {
 
 }
 
-
 function hideParentElement(e) {
 	e.parentNode.style.display = "none";
 }

functions.php

@@ -4622,7 +4622,25 @@
 							"target=\"_new\" href=", $line["content_preview"]);
 					}
 
-					print "<div class=\"cdmContent\">" . $line["content_preview"] . "</div><br clear=\"all\">";
+					$expand_cdm = get_pref($link, 'CDM_EXPANDED');
+
+					if ($expand_cdm) {
+						$cdm_cstyle = "";
+					} else {
+						$cdm_cstyle = "style=\"display : none\"";
+					}
+
+					print "<div class=\"cdmContent\">";
+
+					print "<div class=\"cdmInnerContent\" id=\"CICD-$id\" $cdm_cstyle>";
+					print $line["content_preview"];
+					print "</div>";
+
+					print "<a id=\"CICH-$id\" 
+						href=\"javascript:cdmExpandArticle($id)\">
+						Show article</a>";
+
+					print "</div><br clear=\"all\">";
 
 					print "<div class=\"cdmFooter\"><span class='s0'>";
 

viewfeed.js

@@ -1355,3 +1355,25 @@ function catchupRelativeToArticle(below) {
 		exception_error("catchupRelativeToArticle", e);
 	}
 }
+
+function cdmExpandArticle(a_id) {
+	try {
+		var id = 'CICD-' + a_id;
+
+		Effect.Appear(id, {duration : 0.5, 
+			beforeStart: function(effect) { 
+				var h_id = 'CICH-' + a_id;
+				var h_elem = document.getElementById(h_id);
+				if (h_elem) { h_elem.style.display = "none"; }
+
+				toggleUnread(a_id, 0);
+			}});
+
+
+	} catch (e) {
+		exception_error("appearBlockElementF", e);
+	}
+
+}
+
+