$(document).ready (function () {
	
	
	$('.center').html("click. <div class='triangle'></div>");
	
	$('.center').click(function() {
	
			//$('.overlay').hide()
			$('.center').hide();
			

			$('.stitched').animate({
				width: "335px",
				height: "70px",
				marginTop: "150px",
				}, 500, 'swing', function() {

					$('.stitched').addClass('btn');
					$('.newWork').hide().html("All New Work").fadeIn('fast');
					$('.newWork').append('<span></span>');
					$('.newWork span').hide().append('coming very soon');
					setTimeout("$('.newWork span').fadeIn(300)",400);

					$('.stitched').animate({
					width: "350px",
					height: "85px",
					
				 	},150);
					});

					$('.stitched').wrap("<div id='btn' />");
					
					$('#btn').mousedown(function() {
					
					$('.overlay').hide().fadeIn();
					$('.newWork').addClass('blue');
				
					
					$('.stitched').animate({
						marginTop: "152px",
						},100);
				//alert ("hello");
				});
				
				$('#btn').mouseup(function() {
				
				$('.stitched').removeClass('darkShad');
					$('.stitched').animate({
						marginTop: "150px",
						},100);
				//alert ("hello");
				});
				
					
		});

});