Add preview functionality to frontend.

lib/gollum/frontend/public/javascript/gollum.js

@@ -163,7 +163,7 @@ $(function(){
     }
   })
 
-  $('#guides .write select[name=format]').change(function() {
+  $('#wiki_format').change(function() {
     var target = $('#editbar .sections .toc div.current').get(0)
     sectionItemClick.call(target)
   })
@@ -174,7 +174,7 @@ $(function(){
     $('#editbar .sections .page').removeClass('current')
     var classes = $(this).attr('class').split(' ')
     var name = classes[0]
-    var format = $('#guides .write select[name=format] option:selected').attr('value')
+    var format = $('#wiki_format option:selected').attr('value')
     if (classes.indexOf('gollum') == -1) {
       $('#editbar .sections .page.' + name + '.' + format).addClass('current')
     } else {
@@ -184,4 +184,22 @@ $(function(){
   }
 
   $('#editbar .sections .toc div').click(sectionItemClick)
+
+  var whichType = function(){
+    return $('#wiki_format').val()
+  }
+
+  $('#wiki-form').previewableCommentForm({
+    previewUrl: "/preview",
+    previewOptions: {'wiki_format': whichType},
+    onSuccess: function() {
+      MathJax.Hub.Typeset(this[0])
+      $('#wiki_format option').each(function() {
+        $('#preview_bucket').removeClass($(this).val())
+      })
+      $('#preview_bucket').addClass(whichType)
+    }
+  })
+
+  $('ul.inline-tabs').tabs()
 })