old_contents: window.RouteOverlay = Backbone.View.extend({
  	
  	id: 'route-overlay',
  
  	events: {
  		
  	},
  
  	initialize: function(data) {
  		this.data = data;
  	},
  
  	render: function () {
  		var html = templates.routeOverlay();
  		jQuery.each(this.data, function(i, val) {
  			i = i.charAt(0).toUpperCase() + i.slice(1);
  			html += templates.routeOverlayAttribute({name: i, value: val});
  		});
  
  		this.$el.html(html);
  
  
  		$('#main').append(this.el);
  
  		var left = ($(window).width() - this.$el.innerWidth()) / 2;
  		this.$el.css("left", left + "px");
  
  		return this;
  	},
  
  	remove: function () {
  		$(this.el).remove();
  	}
  
  });
new_contents: window.RouteOverlay = Backbone.View.extend({
  	
  	id: 'route-overlay',
  
  	events: {
  		
  	},
  
  	initialize: function(data) {
  		this.data = data;
  	},
  
  	render: function () {
  		$('#algview').hide();
  
  		var html = templates.routeOverlay();
  		jQuery.each(this.data, function(i, val) {
  			i = i.charAt(0).toUpperCase() + i.slice(1);
  			html += templates.routeOverlayAttribute({name: i, value: val});
  		});
  
  		this.$el.html(html);
  
  		$('#main').append(this.el);
  
  		var left = ($("#map").width() - this.$el.innerWidth()) / 2 + $("#sidebar").width();
  		this.$el.css("left", left + "px");
  
  		return this;
  	},
  
  	remove: function () {
  		$(this.el).remove();
  	}
  
  });
subject: hide alg-selection when route-overlay gets visible #175