// JavaScript for Healer navigation

$(document).ready(function(){
	// preset the selected healer
	var preset = function(){
		//$('#healerHdr ul li.activeHealer').addClass('focusHealer');
		//$('#healerHdr ul li.focusHealer').animate({backgroundColor:'#3F8794'}, 1500);
		//$('#healerHdr ul li.focusHealer a img').animate({opacity: .25}, 1500);
		//$('.healerImg').fadeIn(1500);
		var healerImg = function(){
			$('#healerImg').fadeIn(750);
		};
		$('#healerHdr ul li.activeHealer').animate({opacity:.8, backgroundColor:'#B1C8CD'}, 2000);
		$('#healerHdr ul li.activeHealer a img').animate({opacity: .5}, 2000);
		setTimeout(healerImg, 250);
	};
	var h7 = function() {
		$('#hlr-7').fadeIn(1000);
	};
	var h9 = function() {
		$('#hlr-9').fadeIn(1000);
	};
	var h10 = function() {
		$('#hlr-10').fadeIn(1000);	
	};
	var h6 = function() {
		$('#hlr-6').fadeIn(1000);	
	};
	var h2 = function() {
		$('#hlr-2').fadeIn(1000);	
	};
	var h1 = function() {
		$('#hlr-1').fadeIn(1000);	
	};
	var h8 = function() {
		$('#hlr-8').fadeIn(1000);	
	};
	var h3 = function() {
		$('#hlr-3').fadeIn(1000);	
	};
	var h4 = function() {
		$('#hlr-4').fadeIn(1000);	
	};
	var h5 = function() {
		$('#hlr-5').fadeIn(1000);	
	};
	setTimeout(h7, 0);
	setTimeout(h9, 250);
	setTimeout(h10, 500);
	setTimeout(h6, 700);
	setTimeout(h2, 850);
	setTimeout(h1, 1000);
	setTimeout(h8, 1250);
	setTimeout(h3, 1500);
	setTimeout(h4, 1750);
	setTimeout(h5, 2000);
	setTimeout(preset, 500);
	$('#healerHdr ul li:not(.activeHealer)').hover(function(){
		$(this).animate({backgroundColor:'#C2D2D5'}, 250);																												
	}, function(){
		$(this).animate({backgroundColor:'#F5EFEF'}, 250);
	});
	
});