$(document).ready(function() {
	function box_null(){
		$('.text').css({opacity:'0', visibility:'hidden'});
		$('#content > article').css({visibility:'hidden', position:'absolute'});
		$('.box').css({top:'286px', left:'291px', width:'0', height:'0'});
		$('.close').css({opacity:'0', visibility:'hidden'});
	}
	function open_page(){
		$(page).css({visibility:'visible'});
		$(page+' .box').animate({top:'0px', left:'0px', width:'100%', height:'100%'},400, 'easeOutQuad', function(){
			$(page+' .text').stop().css({visibility:'visible'}).animate({opacity:'1'},400, function(){
				$('.close').stop().css({visibility:'visible'}).animate({opacity:'1'},400, 'easeOutQuad', function(){$('.close').css({opacity:'none'})});
				act=page;
			});
		});
	}
	box_null();
	var act;
	page=location.hash.slice(0,-1);
	if ((page!='')&&(page!='#')) {
		var nav=page.substr(6);
		nav='.nav'+nav;
		$(nav).addClass('active');
		open_page();
	}
	$('a').click(function(){
		th=$(this);
		page=$(this).attr('href');
		if (page.substr(page.indexOf('#'),6)=='#page_') {
			
			if (page=='#page_0') {
				$('#menu li').removeClass('active');
				location.hash='/';
				$(act+' .text').stop().animate({opacity:'0'},400, function(){
					$(act+' .text').css({visibility:'visible'});											   
					$('.close').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});
					$(act+' .box').animate({top:'286px', left:'291px', width:'0', height:'0'},400, 'easeOutQuad', function(){
						box_null();
						act=undefined;
					});															   
				});
			} else {
			if (act) {
				$('#menu li').removeClass('active');
				location.hash=page+'/';
				th.parent().addClass('active');
				$(act+' .text').stop().animate({opacity:'0'},400, function(){
					$(act+' .text').css({visibility:'visible'});
					$('.close').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});
					$(act+' .box').animate({top:'286px', left:'291px', width:'0', height:'0'},400, 'easeOutQuad', function(){
						box_null();
						open_page();
					});															   
				});
			} else {
				location.hash=page+'/';
				th.parent().addClass('active');
				open_page();
			}
			}
				return false;
			}
	})
})