$(document).ready(function()
{	
	var timeoutId;
	
	var origLeft = $("#socialMed").css("left");
	var modLeft = parseInt(origLeft.substr(1, 2)) + 30;
	modLeft = "-" + modLeft + "px";
	
	function closeSocialMed()
	{
		$("#socialMed").animate({left: origLeft}, 400);
	}
	
	function openSocialMed()
	{
		cancelSocialMedTimeout();
		$("#socialMed").animate({left: modLeft}, 400);
	}
	
	function setSocialMedCloseTimeout()
	{
		timeoutId = window.setTimeout(closeSocialMed, 500);
	}
	
	function cancelSocialMedTimeout()
	{
		if (timeoutId)
		{
			window.clearTimeout(timeoutId);
		}
	}
	
	$("#socialMed").mouseover(function()
	{
		openSocialMed();
	}).mouseout(function()
	{
		setSocialMedCloseTimeout();
	});
});