$(function(){
	var act;
	function all_null(){
		$('#content > article').css({position:'absolute', visibility:'hidden'});
		$('#content .box').css({width:'0'});
		$('#content .text').css({opacity:'0',display:'none'});
	}
	all_null();
	function open_page(page){
		$(page).css({visibility:'visible'});
		$(page).find('.text').css({display:'block'}).stop().animate({opacity:'1'},800);
		$(page).find('.box').stop().animate({width:'100%'},800);
		act=page;
	}
	page=location.hash.slice(0,-1);
	if (page=='') {location.hash='#page_1/';page='#page_1';}
	var nav=page.substr(6);
	if ((nav>5)&&(nav<=9)) {$('.nav3').addClass('active');}
	
	nav='.nav'+nav;
	$(nav).addClass('active');
	open_page(page);
	
	$('a').click(function(){
		page=$(this).attr('href');
		if (page.substr(page.indexOf('#'),6)=='#page_') {
			$('#menu li').removeClass('active');
			$(this).parent().addClass('active');
			var nav=page.substr(6);
			if ((nav>5)&&(nav<=9)) {$('.nav3').addClass('active');}
			
			nav='.nav'+nav;
			$(nav).addClass('active');
			$(act).find('.text').stop().animate({opacity:'0'},800);
			$(act).find('.text').css({display:'none'});
			$(act).find('.box').stop().animate({width:'0%'},800);
			all_null();
			open_page(page);
			location.hash=page+'/';
			return false;
		}
	})
})