$( function() {

	setTimeout( "animContact()", 1000 ); // 6 seconds

});
var animating = false
function animContact() {
	$("#contactDetails").hide();
	$("#contact")		// grab contact
		.animate( { bottom: "-201px" }, "slow", function() { $("#contactDetails").fadeIn("slow") } ) // initial animate downwards, -201 is the edge of the "Note to self" text
	$("#contact, #contactDetails").hover( function() { // bind the mouseover func
			if( animating == false ) { // the animating malarkey is to stop it pogoing
				animating = true;
				$("#contactDetails").hide()
				$("#contact").animate( { bottom: "0px" }, "slow", function() { animating = false; } )
			}
		}
		, function() { // and the mouseout func
			if( animating == false ) {
				animating = true;
				$("#contact").animate( { bottom: "-201px" }, "slow", function() { animating = false; $("#contactDetails").fadeIn("medium") } )	
			}
		})
}