/*	
	activate subnav animation
*/

$(document).ready(function(){
	$(".clientInfo").addClass("extraInfo").hide();
	$(".clientLogos li").fadeTo(500,0.5);
	$(".clientLogos li").addClass("activated");
	$(".clientLogos li").hover(function() {
		$(this).fadeTo(500,1);
	}, function() {
		if ($(this).attr("class") == "activated") {
			$(this).fadeTo(500,0.5);
		}
	});
	$(".clientLogos li a").click(function() {
		$(".clientLogos li").addClass("activated");
		$(".clientLogos li").fadeTo(500,0.5);
		$(this).parents("li").fadeTo(500,1);
		$(this).parents("li").removeClass("activated");
		$(".extraInfo").hide();
		$whatPanel = $(this).attr("href");
		$($whatPanel).fadeIn();
		return false;
	});
	$(".extraInfo").append('<p class="close"><a href="#">Close</a></p>');
	$(".extraInfo .close").click(function() {
		$(this).parents(".extraInfo").fadeOut();
		$(".clientLogos li").removeClass("activated");
		$(".clientLogos li").addClass("activated");
		$(".clientLogos li").fadeTo(500,0.5);
		return false;
	});
});