// javascript to make the intro animations
$(window).load(function() {
	$("li a").fadeTo("fast",0);
	$("li.a").fadeTo("fast",0.5, function(){
		$("li.b").fadeTo("fast",0.5, function(){
			$("li.c").fadeTo("fast",0.5, function(){
				$("li.d").fadeTo("fast",0.5, function(){
					$("li.e").fadeTo("fast",0.5,function() {
						$("li.a").fadeTo("fast",1);
						$($("li.a a")[0]).fadeTo("slow",1, function(){
							$("li.b").fadeTo("fast",1);
							$($("li.b a")[0]).fadeTo("slow",1, function(){
								$("li.c").fadeTo("fast",1);
								$($("li.c a")[0]).fadeTo("slow",1, function(){
									$("li.d").fadeTo("fast",1);
									$($("li.d a")[0]).fadeTo("slow",1, function(){
										$("li.e").fadeTo("fast",1);
										$($("li.e a")[0]).fadeTo("slow",1,function(){
											$("li.a").cycle({ 
												fx:     'fade', 
												timeout: 6000,
												delay: -6000
											});
											$("li.b").cycle({ 
												fx:     'fade', 
												timeout: 6000,
												delay: -4800
											});
											$("li.c").cycle({ 
												fx:     'fade', 
												timeout: 6000,
												delay: -3600
											});
											$("li.d").cycle({ 
												fx:     'fade', 
												timeout: 6000,
												delay: -2400
											});
											$("li.e").cycle({ 
												fx:     'fade', 
												timeout: 6000,
												delay: -1200
											});
										});
									});
								});
							});
						});
					});
				});
			});
		});
	});
	
	$("li a").hover(function() {
		$('li.a').cycle('pause');
		$('li.b').cycle('pause');
		$('li.c').cycle('pause');
		$('li.d').cycle('pause');
		$('li.e').cycle('pause');
		pwidth = $(this).parent().width() + 6 + 'px';
		pleft = parseFloat($(this).parent().css('left').replace('px',''))-3+'px';
		$(this).parent().css({'height': '113px','width':pwidth,'left': pleft,'top': '-3px','margin-right':'-3px','z-index': 11});
		$(this).children('img').css({'height': '113px','width':pwidth});
	},function() {
		$('li.a').cycle('resume');
		$('li.b').cycle('resume');
		$('li.c').cycle('resume');
		$('li.d').cycle('resume');
		$('li.e').cycle('resume');
		pwidth = $(this).parent().width() - 6 + 'px';
		pleft = parseFloat($(this).parent().css('left').replace('px',''))+3+'px';
		$(this).parent().css({'height': '107px','width':pwidth,'left': pleft,'top': '0','margin-right':'0','z-index': 1});
		$(this).children('img').css({'height': '107px','width':pwidth});
	});
});