updated syntax style, added javascript for expanding code blocks

source/javascripts/octopress.js

@@ -0,0 +1,34 @@
+window.addEvent('domready', function() {
+  addPreExpanders();
+});
+
+function addPreExpanders(){
+  $$('div.highlight').each(function(div){
+    addExpander(div);
+  });
+}
+function addExpander(div){
+  new Element('span',{
+		html: 'expand »',
+		'class': 'pre_expander',
+		'styles': {
+      'display': 'block'
+    },
+    'events': {
+      'click': function(){
+        toggleExpander();
+      }
+    }
+	}).inject(div, 'top');
+}
+function toggleExpander(){
+  var html = '';
+  if($('main').toggleClass('expanded').hasClass('expanded')){
+    html = '« contract';
+  } else {
+    html = 'expand »';
+  }
+  $$('div.highlight span.pre_expander').each(function(span){
+    span.set('html',html);
+  });
+}