AV.VisualizationView = Backbone.View.extend({
    el: '#visualization',

    initialize: function() {
        this.$el.load(_.bind(function(){
            console.log("it did a reload");
            console.log(this.$el.contents()[0].title);
            if (!(this.$el.contents()[0].title)) {
                console.log("RENDERING it says");
                document.getElementById('visualization')
                        .contentWindow
                        .location
                        .reload(true);
            }
        }, this));
        $('#basicModal').on('hidden.bs.modal',function(){
            router.navigate('', {trigger: false, replace: true});
        });
    },

    
    // The rendering of the visualization will be slightly
    // different here, because there is no templating necessary:
    // The server gives back a page.
    render: function() {
        this.model.url = this.model.urlRoot + this.model.id +
            '/view?mode=heatmap&condensed=true';
        var response = $.ajax({
            url: this.model.url,
            type: "GET"
        }).done(_.bind(function(d) {
            //If the server returns an HTML document
            if (d[0] != 'R') { 
                return d;
            } else { //Rendering
                setTimeout(function(){}, 1000);
                return this.render();
            }
        }, this));
        this.$el.attr('src', this.model.url).load(_.bind(function() {
            var iframe = this.$el.contents();
            iframe.find('.menubar').remove();
//			iframe.find('.title-bar').remove();
        }, this));

        $('#basicModal').modal({
            show: true 
        });
    }
});



@@ -413,20 +413,16 @@
         
-    
 .content
@@ -448,20 +448,16 @@
         
-    
 .locatio
@@ -458,20 +458,16 @@
 ocation%0A
-    
         
@@ -674,16 +674,777 @@
 %7D,%0A%0A    
+sideBySide: function() %7B%0A        this.model.url = this.model.urlRoot + this.model.id;%0A        this.model.fetch(%0A            %7Bsuccess: _.bind(function()%7B%0A                var ids = _.pluck(this.model.get('witnesses'), 'id');%0A                if (ids.length %3C 2)%7B%0A                    console.log('ids.length %3C 2: ' + ids);%0A                %7D%0A                this.model.url = this.model.urlRoot + this.model.id +%0A                    '/view?mode=sidebyside&condensed=true&docs=' + %0A                    ids%5B0%5D + ',' + ids%5B1%5D;%0A                this.render();%0A            %7D, this)%0A            %7D);%0A    %7D,%0A%0A    heatMap: function() %7B%0A        this.model.url = this.model.urlRoot + this.model.id +%0A            '/view?mode=heatmap&condensed=true';%0A        this.render();%0A    %7D,%0A
 %0A    // 
@@ -1622,122 +1622,13 @@
 ion(
-) %7B%0A        this.model.url = this.model.urlRoot + this.model.id +%0A            '/view?mode=heatmap&condensed=true';
+url)%7B
 %0A   

Refactor vizview to support multiple viz types