$(document).ready(function() {
	
	$('#mask').show().fadeOut(1000);
	
	$("a#show_work").click(function(){
		$("#work .panel").animate({
			height: "630px"
		}, 400)
		.animate({
			height: "620px"
		}, 50);
		$('#mask').hide().fadeIn(450);
	});
	
	$("a#hide_work").click(function(){
		$("#work .panel").animate({
		height: "0px"
		}, 400, function() {
			$("a.onoff").toggle();
		});
		$("a.onoff").toggle();
		$('#mask').show().fadeOut(400);
	});
	
	$("a#show_contact").click(function(){
		$("#contact .panel").animate({
		height: "630px"
		}, 400)
		.animate({
			height: "620px"
		}, 50);
		$('#mask').hide().fadeIn(450);
	});
	
	$("a#hide_contact").click(function(){
		$("#contact .panel").animate({
		height: "0px"
		}, 400, function() {
			$("a.onoff").toggle();
		});
		$("a.onoff").toggle();
		$('#mask').show().fadeOut(400);
	});
	
	Shadowbox.init({
		overlayColor:	"#fff",
		overlayOpacity:	1,
		continuous: true,
		flashParams: {bgcolor:"#ffffff"}
	});
	
	$(".featured a").each(function(e) {
		var title = $(this).attr('title');
		$(this).mouseover(
			function() {
				$(this).attr('title','');
			}).mouseout(
				function() {
				$(this).attr('title', title);
		});
		$(this).click(
			function() {
			$(this).attr('title', title);
			}
		);
	});
	
});