added arrows to menu, added new comments count to top level menu item for comments, updated readme with basic install instructions

4 files changed, 9 insertions, 0 deletions

diff --git a/public/images/refinerycms-blog/icons/down.gif b/public/images/refinerycms-blog/icons/down.gif
new file mode 100644
index 0000000..990bd87
--- /dev/null
+++ b/public/images/refinerycms-blog/icons/down.gif
diff --git a/public/images/refinerycms-blog/icons/up.gif b/public/images/refinerycms-blog/icons/up.gif
new file mode 100644
index 0000000..1edf617
--- /dev/null
+++ b/public/images/refinerycms-blog/icons/up.gif
diff --git a/public/javascripts/refinery/refinerycms-blog.js b/public/javascripts/refinery/refinerycms-blog.js
index c92ba3e..fdbf392 100644
--- a/public/javascripts/refinery/refinerycms-blog.js
+++ b/public/javascripts/refinery/refinerycms-blog.js
@@ -15,12 +15,15 @@ $(document).ready(function(){
 
   $('ul.collapsible_menu').each(function(i, ul) {
     (first_li = $(this).children('li:first')).after(div=$("<div></div>"));
+
     if (($(this).children('li.selected')).length == 0) {
       div.hide();
+      first_li.addClass("closed");
     }
     $(this).children('li:not(:first)').appendTo(div);
 
     first_li.find('> a').click(function(e){
+      first_li.toggleClass("closed");
       $(this).parent().next('div').animate({
           opacity: 'toggle'
           , height: 'toggle'
diff --git a/public/stylesheets/refinery/refinerycms-blog.css b/public/stylesheets/refinery/refinerycms-blog.css
index cc6f582..bede6ce 100644
--- a/public/stylesheets/refinery/refinerycms-blog.css
+++ b/public/stylesheets/refinery/refinerycms-blog.css
@@ -30,4 +30,10 @@
 }
 .page_add_icon {
   background-image: url('/images/refinerycms-blog/icons/page_add.png');
+}
+.collapsible_menu li:first {
+  background-image: url('/images/refinerycms-blog/icons/up.png');  
+}
+.collapsible_menu li.closed {
+  background-image: url('/images/refinerycms-blog/icons/down.png');
 }
\ No newline at end of file