$(document).ready(function(){

	var bOver = false;

	$( '#Faces' ).hover(function(){
		bOver = true;
	}, function(){
		bOver = false;

		setTimeout(function(){
			if( !bOver ){
//				$( 'img', this ).removeClass( 'Selected' );
				$( '#Avatars img' ).animate({
					opacity: 1
				});
//				$( '.Person' ).fadeOut(400);
//				$( '#Faces' ).animate({
//					'paddingBottom': '0'
//				});
			}
		}, 2000);

	});

	$( '#Avatars a' ).mouseover(function(){
		bOver = true;
		var ePerson = $( this.href.substring( this.href.lastIndexOf( '#' ) ) );

		$( '.Person' ).not(
			ePerson.fadeIn(400)
		).fadeOut(400);

		$( '#Faces' ).animate({
			'paddingBottom': '12em'
		});

		$( '#Avatars img' ).not(
			$( 'img', this ).animate({
				opacity: 1
			}, 200, function(){
				$( this ).addClass( 'Selected' );
			})
		).animate({
			opacity: 0.15
		}, 200, function(){
			$( this ).removeClass( 'Selected' );
		})

	})

});