 
 			# activate this
 			element.node.classList.add 'active'
+
+			# show details container
+			document.querySelector('#details').classList.remove 'hide'
 
 			# activate this detail panel
 			classList = document.querySelectorAll('.detail')[id].classList

			templateHistory: ->

				"""
					<div id="details">
						#{@content}
					</div>
				"""


		renderMaps: ->

			# compute details pane width
			details = document.querySelector '#details'

			details.classList.remove 'hide'
			width = details.offsetWidth - 20 # 20 is the padding
			details.classList.add 'hide'

			placeholders = details.querySelectorAll '.map-placeholder'
			circles = document.querySelectorAll 'circle'

			# fetch map images from google

			_.each @options.history, (item, n) ->

				location = item.location

				if location

