$('document').ready(function() {
			$('#workpaper').animate({left: '-490px'}, 1000);
$('#workpaper').click(
	function() {
		var myClass = $(this).attr("class").indexOf("active");
		if (myClass<0) {
		$(this).addClass("active");
		$('#workpaper').animate({left: '-11px'}, 800, 'swing',
			function() {
				
				$('#workpaper #workon').fadeOut(3000, 
					function() {
						$('#workpaper #much').html("It takes much time that I've ever expected... Sorry.").fadeIn(2000);
					}
				);
	

			}
		);
		} else { 	$(this).removeClass("active");
					$('#workpaper').animate({left: '-490px'}, 800, 'swing');
				  }
		}
);

$('#workpaper').hover(
	function() {
		var myClass = $(this).attr("class").indexOf("active");
		if (myClass<0) {
			$(this).animate({left: '-400px'});
		}
	},
	function() {
		var myClass = $(this).attr("class").indexOf("active");
		if (myClass<0) {
			$(this).animate({left: '-490px'});
		}

	}
);


//End of document.ready function
});