$(document).ready(function(){
	
//Contact icon--------------------------------------------------------------------
	//Prepend the close button, and then hide #contact
	$('#contact').prepend('<a class="close" href="#">x</a>').css({width:'0',height:'0'}).hide().before('<div id="contact_icon"><a href="#">Contact</a></div>');
	
	//When the contact icon is clicked, hide the icon and show #contact
	$('#contact_icon').click(function(){
		$(this).fadeOut(300);
		$('#contact').show().animate({width:'336px',height:'160px'},250);
		return false;
	});
	
	//When close is clicked, hide #contact and show the icon
	$('#contact .close').click(function(){
		$('#contact').animate({width:'0',height:'0'},250).fadeOut(100);
		$('#contact_icon').fadeIn(500);
		return false;
	});
	
	
//Accordions---------------------------------------------------------------------
	$('#content').accordion({header:'h2',autoHeight:false,clearStyle:true});
	$('#sidebar').accordion({header:'h3',autoHeight:false,clearStyle:true});


//Tooltips-----------------------------------------------------------------------
	//Hide the tooltips on load
	$('.tooltip').hide();
	
	//Show the tooltips when their h4 siblings are hovered over
	$('#skills h4 a, #current_obsessions h4 a').hover(function(){
		$('.tooltip').hide();
		$(this).parent().parent().find('.tooltip').fadeIn(350);
	}, function(){
		$('.tooltip').hide();
	});
	
	
}); /* close ready function */