jQuery(document).ready(function(){

	var navi = jQuery('#navi_inhalt');
	var n_plus = jQuery('#navi_plus');
	var n_close = jQuery('#navi_close');
	var account = jQuery('#konto > .inhalt');
	var r_plus = jQuery('#konto > .reiter');
	var r_close = account.children('.close');
	
	navi.animate({left: -500, opacity: 0},0,function(){ jQuery(this).hide(); });
	account.animate({left: -200, opacity: 0},0,function(){ jQuery(this).hide(); });
	
	//MAIN NAVI
	
	n_close.click(function(){ n_plus.click(); });
	
	n_plus.toggle(function(){
		
		navi.stop().show().animate({left: 15, opacity: 1},{duration: 1000,easing: 'easeOutQuint'});
		jQuery(this).addClass('open');
		
		if(r_plus.hasClass('open')) r_plus.click();
		
	}, function(){
		
		navi.stop().animate({left: -500, opacity: 0},{duration: 1000,easing: 'easeOutQuint', complete: function(){ jQuery(this).hide(); } } );
		jQuery(this).removeClass('open');
		
	}); 
	
	r_close.click(function(){ r_plus.click(); });
	
	r_plus.toggle(function(){
		
		account.stop().show().animate({left: 15, opacity: 1},{duration: 1000,easing: 'easeOutQuint'});
		jQuery(this).addClass('open');
		
	}, function(){
		
		account.stop().animate({left: -200, opacity: 0},{duration: 1000,easing: 'easeOutQuint', complete: function(){ jQuery(this).hide(); } } );
		jQuery(this).removeClass('open');
		
	}); 

});