$(function(){
	$('#endnav').css('background-image', "url('img/nave.png')");
	$('.wrk').animate({height: 0});
	z = 0;
	$('#n').animate({
		right: "-500px"
	}, 1000, function(){
		$('#endnav').css('background-image', "url('img/nave.png')");
	});
	$('#endnav').click(function(){
		if(z==0){
			$('#endnav').css('background-image', "url('img/nave.png')");
			z = 1;
			$('#n').stop().animate({
				right: "0px"
				
			}, 1000, function(){
				$('#endnav').css('background-image', "url('img/nave.png')");
			});
		}
		else if(z==1){
			z = 0;
			$('#endnav').css('background-image', "url('img/nave.png')");
			$('#n').stop().animate({
				right: "-500px"
			}, 1000, function(){
				$('#endnav').css('background-image', "url('img/nave.png')");
			});
		}
	});
	$('.lb').click(function(){
		
		$('.lb').hide();
		
		$('.rb').hide();

		x = $('#whole').css('left');

		y = parseInt(x);

		y = y + 940;

		$('#whole').animate({left: y+'px'}, 1000, function(){
			$('.lb').show();
			
			$('.rb').show();
		});

		return false;

	});

	$('.rb').click(function(){
		
		$('.lb').hide();
		
		$('.rb').hide();

		x = $('#whole').css('left');

		y = parseInt(x);

		y = y - 940;

		$('#whole').animate({left: y+'px'}, 1000, function(){
			$('.lb').show();
		
			$('.rb').show();

		});

		return false;

	});
	$(".w").hover(

      function () {

        $(this).children('.wrk').stop(false, true).animate({height: 45+'px'});

      }, 

      function () {

        $(this).children('.wrk').stop(false, true).animate({height: 0});

      }

    );
});