$( function() {

	setTimeout( "animContact()", 100 ); // 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

	$(document).ready(function()
							   {
$("#contactDetails").hide();								   
$("#contact").animate( { bottom: "0px" }, "slow", function() { animating = false;  } )	
setTimeout( "reloadAnimator()", 4000 );
							   })
		
		$("#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") } )	
			}
		})
	
}

function reloadAnimator()
{
	$("#contact").animate( { bottom: "-201px" }, "slow", function() { animating = false; $("#contactDetails").fadeIn("slow") } )
}