//FANCY BOX

$(document).ready(function() {
						   
	$("a.lightbox").fancybox({
	
		'frameWidth' : 740,
		'frameHeight' : 500,
		'imageScale' : false,
		'centerOnScroll' : false
	
	});
		
});


//FACES

$(document).ready(function(){
						   
	$(function() {

		
		//RICHARD
		$('#faces #richard').hover(function() {
			
			$(this).stop().animate({ 'top' : '260' }, 400);

		}, function() {
			
			$(this).stop().animate({ 'top' : '263' }, 400);	
			
		});
		
		//BOB
		$('#faces #bob').hover(function() {

			$(this).stop().animate({ 'top' : '373' }, 400);


		}, function() {

			$(this).stop().animate({ 'top' : '376' }, 400);	
			
		});
		
		//LISA
		$('#faces #lisa').hover(function() {

			$(this).stop().animate({ 'top' : '234' }, 400);


		}, function() {

			$(this).stop().animate({ 'top' : '237' }, 400);	
			
		});


		//JIM
		$('#faces #jim').hover(function() {

			$(this).stop().animate({ 'top' : '29' }, 400);

		}, function() {
			
			$(this).stop().animate({ 'top' : '32' }, 400);	
			
		
		});
		
		//CHRIS
		$('#faces #chris').hover(function() {

			$(this).stop().animate({ 'top' : '395' }, 400);


		}, function() {

			$(this).stop().animate({ 'top' : '398' }, 400);	
			
		});
		
	});


});