$(document).ready(function() {
	$("a").parents().map(function() {
							if(this.tagName=="DIV") {
								var thediv = $(this).not(document.getElementById('container'));
								thediv.css('cursor','pointer');
								thediv.click(function() {
									window.location=$(this).find("a").attr("href");		
								});
							}
                          })
	$("div,p.twitter").hover(
		function() {
			$(this).prevAll("h2").slice(0, 1).css('color','#000');
		},
		function() {
			$(this).prevAll("h2").slice(0, 1).css('color','#aaa');
		}
	);
	
	if ($.browser.msie) {
		$("div#container").append("<div class='notification'><h3>Using Internet Explorer?</h3><p>I strongly suggest that you switch to a more contemporary browser as your current one is not able to display this page in its fullest. Here are some alternatives:</p><ul><li><a href='http://www.getfirefox.com/'>Firefox</a></li><li><a href='http://www.opera.com'>Opera</a></li><li><a href='http://www.google.com/chrome/'>Chrome</a></li></ul></div>");
		$("div.notification").css('opacity','0');
		$("div.notification").fadeTo("slow",0.6);
		$("div.notification").hover(
			function() {
				$(this).fadeTo("fast",1.0);
			},
			function() {
				$(this).fadeTo("fast",0.6);
			}
		);
		$("div.notification").click(
			function() {
				$(this).fadeTo("fast",0, function() {$(this).remove();});
			}
		);
	}

});