$(function() {

	_oldOpen = false;
	
	$('div.faq-box .f').click(function(){
												  
		_root = $(this);
		
		function openFaq()
		{
			
			var targetOffset = _root.offset().top;
				
			_root.next().animate({height: 'show', opacity: 'show'}, 'fast', function()
			{
					$('html,body').animate( {scrollTop: targetOffset}, 'fast' );
					_oldOpen = _root.next();
					_oldOpen.prev().addClass( 'opened' );
					
			});
			
		}
		
		if( _root.next().css('display') == 'none' )
		{

			if( _oldOpen )
			{
				_oldOpen.animate({height: 'hide', opacity: 'hide'}, 'fast', openFaq);
				_oldOpen.prev().removeClass( 'opened' );
			}
			else
			{
				openFaq();
			}

			

		}
		else
		{
			 $(this).next().animate({height: 'hide', opacity: 'hide'}, 'fast');
			 _oldOpen.prev().removeClass( 'opened' );
		}
	});

});