Switch to side-by-side view

--- a
+++ b/OSSEval/static/js/osseval.js
@@ -0,0 +1,52 @@
+var id_selected_instance=0;
+
+$(document).ready(function() {
+  //$('a#answer_link').click(function() { alert('aaa');return false;})
+})
+
+var update_answers_error = function(data, textStatus, jqXHR) { 
+    console.log("update_answers_error: " + data.response); 
+}
+var update_answers_success = function(data, textStatus, jqXHR) {
+    answers=eval(data);
+    for (i=0;i<answers.length;i++) {
+        $('input#question' + data[i].question_id + "_" + data[i].value_integer).prop('checked', true);
+        $('input#notes' + data[i].question_id).prop('value', data[i].notes);
+    }
+}
+
+function updateAnswers(id_selected_instance) {
+    // First I clear them all
+    $('input.radioquestion').prop('checked', false);
+    $('input.questionnotes').prop('value', '');
+    $.ajax({
+      type: 'GET',
+      url: 'get_answers',
+      dataType: 'json',
+      success: update_answers_success,
+      error: update_answers_error,
+      data: {id_instance: id_selected_instance }
+    });
+}
+
+var update_metadata_error = function(data, textStatus, jqXHR) { 
+    console.log("update_metadata_error: " + data.response); 
+}
+var update_metadata_success = function(data, textStatus, jqXHR) {
+    answers=eval(data);
+    for (i=0;i<answers.length;i++) {
+        $('div#MetadataInfo' + data[i].question_id).html('...TBC');
+    }
+}
+
+function updateMetadata(id_selected_instance) {
+    //<div id="MetadataInfo{{ q.id }}">
+    $.ajax({
+      type: 'GET',
+      url: 'get_answers',
+      dataType: 'json',
+      success: update_metadata_success,
+      error: update_metadata_error,
+      data: {id_instance: id_selected_instance }
+    });
+}