 					pane.classList.add 'hide'
 				, .2
 
+				# hide details container
+				document.querySelector('#details').classList.add 'hide'
+
 				# scale up <svg>
 				document.querySelector('svg').classList.remove 'small'
 


		renderMaps: ->

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

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

				location = item.location
				width = document.querySelector("#details").offsetWidth - 20 # 20 is the padding

				if location


			templateHistory: ->

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