$(document).ready(function(){
		$('#about-link').click(function(ev){
			ev.preventDefault();
			var el = $('#about');
			if(el.hasClass('active'))
			{
				el.removeClass('active').animate({top:'78px'},550);
			}else{
				el.addClass('active').animate({top:'0px'},550);
			}
		});

		$('#anime a').click(function(ev){
		    ev.preventDefault();
		    var id = this.id.replace(/[^\d]/ig, '');
		    var active = $('#item-panes .active');
		    function animateClicked(){
		        $('#item-' + id)
		        	.addClass('active')
		        	.css('top', '-650px')
		        	.animate({top:'0px'}, 550);
		    }

		    if(active.length == 0){
		        animateClicked();
		    }else{
		        var activeId = active[0].id.replace(/[^\d]/ig, '');
		        if(id == activeId) {
		            active.animate({top:'-650px'}, 550, null, function(){ active.removeClass('active'); });
		        }else{

		        	active.animate({top:'-650px'}, 550, null, function(){ active.removeClass('active'); animateClicked() });
		        }
		    }

		});
	});