function showPanel(state){
		// variables
			var panel					= document.getElementById('panel')
			
		// code
			//document.title				= title ? 'Viewing: '+title : 'Timeline'
			
			panel.style.visibility		= 'hidden'
			panel.className				= state ? '' : 'off'
			if(state){
				//setPanelHeight()
				centerPanel()
				window.setTimeout(
					function(){
						panel.style.visibility = ''
						},
					50
					)
				}
		}

	function centerPanel(){
			
		// variables
			var panel			= document.getElementById('panel')
			
		// h / w
			var h				= panel.clientHeight
			var w				= panel.clientWidth
			
		// position
			var sw				= document.documentElement.clientWidth
			var mw				= (sw - w)
			var mwpc			= (mw / sw) * 50
			var mwp				= mw/2
			
			var sh				= document.documentElement.clientHeight - 15
			var mh				= (sh - h)
			var mhpc			= (mh / sh) * 50
			var mhp				= mh/2
			
			//console.log([Math.floor(sh), Math.floor(h), Math.floor(mh), Math.floor(mhp)].join('\n'))
			
			panel.style.margin	= mhp + 'px ' + mwp + 'px'
		}

		function hideScreen(){
			$('#screen').hide()
			}