Email:<a href="mailto:theerm@gmail.com">theerm@gmail.com</a>

<li><a href="http://facebook.com/the7erm" title="My facebook page.">Facebook</a></li>
<li><a href="http://friendfeed.com/the7erm" title="My Friend Feed account">FriendFeed</a></li>
<li><a href="http://identi.ca/the7erm" title="My identi.ca page.">identi.ca</a></li>
<li><a href="http://apps.facebook.com/inthemafia/status_invite.php?from=615943699" title="Join My Facebook Mafia Wars Mafia.">Join My Mafia</a></li>
<li><a href="http://www.myspace.com/theerm" title="My myspace page.">MySpace</a></li>
<li><a href="http://www.stereofame.com/theerm/" title="My StereoFame account">Stereofame</a></li>
<li><a href="http://twitter.com/the7erm" title="My twitter page.">Twitter</a></li>
<style>
	.link_sub {
		background:#FFF;
		border: 1px solid #000;
		display: none;
		cursor: pointer;
		bottom: 0px;
		right: 0px;
		text-align: left;
		position:fixed;
	}

	.link_sub a {
		display: block;
		text-align: left;
		border: 0px;
			}


	.link_sub a:hover {
		background: #DDD;
		border: 0px;
	}

	.question_mark {
		z-index:199;
		cursor: pointer;
		position: fixed;
		bottom:0px;
		right: 0px;
		border: 1px solid #000;
		background: #EEE;
		height: 20px;
		width: 21px;
		text-align: left;

	}
	#countUpDiv {
		font-size: 0.95em;
		font-weight:bold;
		background: #DDD;
	}
	
</style>
<span onMouseOver="show_link_list();" onMouseOut="hide_link_list();" class="question_mark" id="link_list_span">
	<img src="http://the-erm.com/favicon.ico" style='padding-left:3px; padding-top:2px; border:0px;'>
	<div id="link_list" class="link_sub" style='height:1px;width:1px;display:inline;'>
		<embed id="ermmediaplayer" name="ermmediaplayer" src="http://music.the-erm.com/ermPlayer.swf" bgcolor="#FFFFFF" type="application/x-shockwave-flash" width="400" height="30" pluginspage="http://www.macromedia.com/go/getflashplayer" />
		<div id="countUpDiv" onMouseOver="show_time();" onMouseOut="updateTime=true;"></div>
		<div onMouseOver="reset_hiding();">
		<a href='http://blackbirdsycamore.com'>Blackbird Sycamore</a> <a href='http://blog.the-erm.com'>Blog</a> <a href='http://dontbe.us'>Don't be us</a> <a href='http://music.the-erm.com'>Music</a> <a href='http://pics.the-erm.com'>Pics</a> <a href='http://samspage.the-erm.com'>Sam's Homepage</a> <a href='http://the-erm.com'>the-erm.com</a> <a href='http://the-erm.com/wkc/'>Erm's White Knight Chronicles Tools</a> <a href='http://the-erm.com/wkc2/'>Erm's White Knight Chronicles 2 Skill Simulator/Calculator</a> <!-- <a href="http://musicbrainz.org/artist/85986964-7923-4ce8-b095-d45e48fa122e.html" title="The Erm at MusicBrainz"><img src="http://musicbrainz.org/images/entity/artist.gif" alt="artist" style="vertical-align: bottom; border: 0px; margin-right: 2px;" /><b>The Erm</b></a> -->
		</div>
	</div>

</span>
<script type="text/javascript">
	// 4:20pm Sunday 11-8-09
	var updateTime = true;
	
	function show_time(){
		var d=document.getElementById('link_list_span');
		d.onmouseout='';
		this.innerHTML='Time since:November 8, 2009 4:20pm';
		updateTime=false;
	
	}
	
	function reset_hiding() {
		// console.log('reset_hiding');
		var d=document.getElementById('link_list_span');
		d.onmouseout = hide_link_list;
	
	}
	
	function show_link_list() {
		var d=document.getElementById('link_list'); 
		d.style.display='inline'; 
		d.style.height=''; 
		d.style.width='';
	
	}
	
	function hide_link_list() {
		var d=document.getElementById('link_list');
		d.style.height='1px'; 
		d.style.width='1px';
	}
	
	function ago(sec) {
		var timeData = {}
		/* 
			1 month = 30.4166666667 days 
			30.4166666667 * 86400 = 2628000.0000028801 seconds in a month;
		*/
		var mes = [
			["year", 31536000],
			["month", 2628000], 
			["week",   604800],
			["day",     86400],
			["hr",       3600],
			["min",        60],
			["sec",         1]
		];
		for (i=0;i<mes.length;i++) {
			var unit = mes[i][0];
			var size = mes[i][1];
			var val = Math.floor(sec/size);
			sec = sec - (val * size);
			timeData[unit] = val;
		}
		return timeData;
	}
	
	function calcTime() {
		if (!updateTime) {
			return;
		}
		var countUpDiv = document.getElementById('countUpDiv');
		if (!countUpDiv) {
			return;
		}
		
		var start = new Date("November 8, 2009 16:20:00");
		var today = new Date();
		var sec = Math.floor((today - start) / 1000);
		var timeData = ago(sec);
		var c = "";
		var mes = ['year','month','week','day'];
		
		for (var i=0;i<mes.length;i++) {
			var k = mes[i]
			if (timeData[k]) {
				c += timeData[k]+" "+k;
				if (timeData[k] > 1) {
					c += "s";
				}
				c += " ";
			}
		}
		
		if (timeData['hr'] <= 9) {
			c += "0";
		}
		c += timeData['hr']+":";
		
		if (timeData['min'] <= 9) {
			c += "0";
		}		
		c += timeData['min']+":";
		if (timeData['sec'] <= 9) {
			c += "0";
		}
		c += timeData['sec'];
		
		countUpDiv.innerHTML = c;
	}
	calcTime();
	window.setInterval(calcTime,1000);
	
	
	
</script>