$(document).ready(function() {
w=$('#a1').width(); wt=w+'px';
h=$('#a1').height();
});
						
$(function() {
	$('td').hover(
		function () {
			tw=w*5;
			sw=(tw-500)/4; swt=sw+'px';
			cur=$(this).attr('id');
			if (cur!='a1'){$('#a1').stop().animate({'width':swt},500);}
			if (cur!='a2'){$('#a2').stop().animate({'width':swt},500);}
			if (cur!='a3'){$('#a3').stop().animate({'width':swt},500);}
			if (cur!='a4'){$('#a4').stop().animate({'width':swt},500);}
			if (cur!='a5'){$('#a5').stop().animate({'width':swt},500);}
			
			var $this = $(this);
			$this.stop().animate({'width':'500px'},500);
			$('.heading',$this).stop(true,true).fadeOut();
			$('.bgDescription',$this).stop(true,true).slideDown(700);
			$('.description',$this).stop(true,true).slideDown(800);
		},
		function () {
			$('#a1').stop().animate({'width':w},500);
			$('#a2').stop().animate({'width':w},500);
			$('#a3').stop().animate({'width':w},500);
			$('#a4').stop().animate({'width':w},500);
			$('#a5').stop().animate({'width':w},500);
			
			var $this = $(this);
			$('.heading',$this).stop(true,true).fadeIn();
			$('.description',$this).stop(true,true).slideUp(800);
			$('.bgDescription',$this).stop(true,true).slideUp(700);
		}
	);
		$('td').click(
		function () {
			tw=w*5;
			sw=(tw-500)/4; swt=sw+'px';
			cur=$(this).attr('id');
			if (cur!='a1'){$('#a1').stop().animate({'width':swt},500);}
			if (cur!='a2'){$('#a2').stop().animate({'width':swt},500);}
			if (cur!='a3'){$('#a3').stop().animate({'width':swt},500);}
			if (cur!='a4'){$('#a4').stop().animate({'width':swt},500);}
			if (cur!='a5'){$('#a5').stop().animate({'width':swt},500);}
			
			var $this = $(this);
			$this.stop().animate({'width':'500px'},500);
			$('.heading',$this).stop(true,true).fadeOut();
			$('.bgDescription',$this).stop(true,true).slideDown(700);
			$('.description',$this).stop(true,true).slideDown(800);
		},
		function () {
			$('#a1').stop().animate({'width':w},500);
			$('#a2').stop().animate({'width':w},500);
			$('#a3').stop().animate({'width':w},500);
			$('#a4').stop().animate({'width':w},500);
			$('#a5').stop().animate({'width':w},500);
			
			var $this = $(this);
			$('.heading',$this).stop(true,true).fadeIn();
			$('.description',$this).stop(true,true).slideUp(800);
			$('.bgDescription',$this).stop(true,true).slideUp(700);
		}
	);
});