$(document).ready(function() {

	$(".mosaic-overlay").hover(
		function() {
			$(this).stop().animate( {"opacity": "0"
		}
		, "fast");
	}
	,
	function() {
		$(this).stop().animate( {"opacity": "1"
	}
	, "fast");
}
);


	$("#aboutWrap").hide();
	$("#workButton").hide();
	
	$("#aboutButton").click( function() {
		$("#mainContent").hide();
		$("#aboutWrap").fadeIn("slow");
		$("#sideText").slideUp();
		$(this).hide();
		$("#workButton").show();
		
	$("#workButton").click (function() {
		$("#aboutWrap").hide();
		$("#mainContent").fadeIn();
		$("#sideText").slideDown();
		$(this).hide();
		$("#aboutButton").show();
	});
	});





	$("#descriptionSocial").hide();
	
	$("#facebook").mouseover( function() {
		$("#descriptionSocial").show();
		$("#descriptionSocial").html("<p>jaorandich</p>");
	});
	$("#facebook").mouseout( function() {
		$("#descriptionSocial").hide();
	});

	$("#twitter").mouseover( function() {
		$("#descriptionSocial").show();
		$("#descriptionSocial").html("<p>@jrandich</p>");
	});
	$("#twitter").mouseout( function() {
		$("#descriptionSocial").hide();
	});
	
	$("#behance").mouseover( function() {
		$("#descriptionSocial").show();
		$("#descriptionSocial").html("<p>randich</p>");
	});
	$("#behance").mouseout( function() {
		$("#descriptionSocial").hide();
	});


	
	
	getTwitters('tweet', { 
		  id: 'jrandich', 
		  count: 1, 
		  enableLinks: true, 
		  clearContents: true,
		  template: '%text% <div id="meta">%time% from %source% | <a href="http://twitter.com/%user_screen_name%/">Follow me</a> on Twitter!</div>'
		});



}
);