// JavaScript Document

var bigg=0;

$(function(){

	$('#zoom1').hover(function(){if(bigg==0){

			$(this).stop().animate({width:"150px",height:"150px",left:"60px",top:"40px"}, 400);

			$(this).attr("src","style/images/elders-1.jpg");}

		},

		function(){if(bigg==0){

			$(this).stop().animate({width:"100px",height:"100px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-1-small.jpg");}			

		});

	

	$('#zoom2').hover(function(){if(bigg==0){

			$(this).stop().animate({width:"150px",height:"150px",left:"60px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-2.jpg");}

		},

		function(){if(bigg==0){

			$(this).stop().animate({width:"100px",height:"100px",left:"110px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-2-small.jpg");}			

		});

	

	$('#zoom3').hover(function(){if(bigg==0){

			$(this).stop().animate({width:"150px",height:"150px",left:"220px",top:"40px"}, 400);

			$(this).attr("src","style/images/elders-3.jpg");}

		},

		function(){if(bigg==0){

			$(this).stop().animate({width:"100px",height:"100px",left:"220px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-3-small.jpg");}			

		});

	

	$('#zoom4').hover(function(){if(bigg==0){

			$(this).stop().animate({width:"150px",height:"150px",left:"220px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-4.jpg");}

		},

		function(){if(bigg==0){

			$(this).stop().animate({width:"100px",height:"100px",left:"220px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-4-small.jpg");}			

		});

	

	$('#zoom1').click(function(){

							   if(bigg==0){

			$(this).stop().animate({width:"212px",height:"212px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-1.jpg").css({'z-index':'100'});

			bigg=1;}

			else {$(this).stop().animate({width:"100px",height:"100px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-1-small.jpg").css({'z-index':'1'});

			bigg=0;}

		});

	$('#zoom2').click(function(){

							   if(bigg==0){

			$(this).stop().animate({width:"212px",height:"212px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-2.jpg").css({'z-index':'100'});

			bigg=1;}

			else {$(this).stop().animate({width:"100px",height:"100px",left:"110px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-2-small.jpg").css({'z-index':'1'});

			bigg=0;}

		});

	$('#zoom3').click(function(){

							   if(bigg==0){

			$(this).stop().animate({width:"212px",height:"212px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-3.jpg").css({'z-index':'100'});

			bigg=1;}

			else {$(this).stop().animate({width:"100px",height:"100px",left:"220px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-3-small.jpg").css({'z-index':'1'});

			bigg=0;}

		});

	$('#zoom4').click(function(){

							   if(bigg==0){

			$(this).stop().animate({width:"212px",height:"212px",left:"110px",top:"90px"}, 400);

			$(this).attr("src","style/images/elders-4.jpg").css({'z-index':'100'});

			bigg=1;}

			else {$(this).stop().animate({width:"100px",height:"100px",left:"220px",top:"200px"}, 400);

			$(this).attr("src","style/images/elders-4-small.jpg").css({'z-index':'1'});

			bigg=0;}

		});

	

});