$(function(){
	client_filter('fuzz');
});
function client_filter(filter){
	var orange = "#fb4f14";
	var yorange = "#9EC435";
	var fuschia = "#D20E68";
	var green = '#39b700';
	var blue = "#4EAFF5";
	var ltgray = "#e4e4e4";
	var dkgray = "#989898";
	var dkdkgray = "#555";

	// # get filter color
	switch(filter) {
		case 'fuzz': var color = orange; break;
		case 'web': var color = yorange; break;
		case 'social': var color = fuschia; break;
		case 'marketing': var color = green; break;
		case 'mobile': var color = blue; break;
		default: var color = dkdkgray;
	}

	if(filter == null || filter == '' || filter == 'fuzz'){
		$("#current_filter").html("fuzz");
	  fuzz_filter();
	}else{
		if($('#current_filter').html() == filter){
			fuzz_filter();
			$('#current_filter').html('fuzz');
		}else{
			if(filter == 'fuzz' || 
					filter == 'interactive' || 
					filter == 'applications' || 
					filter == 'identity' || 
					filter == 'marketing'){replace_client_link(filter);}
			$('.clients li .display, .clients li .display *').css("color", ltgray);
  
	    $("." + filter + " .display nobr").css("color", dkgray);
	    $("." + filter + " .display span, ." + filter + " .display a *").css("color", color);
			
			// These lines are a fix for Firefox.  The abover two lines handle safari, chrome, and ie, 6, 7, and 8.
			var plus_selector = "." + filter + " .display .client_plus";
			var link_selector = "." + filter + " .display .client_link";
			$(plus_selector + ', ' + link_selector).css("color", color);
    
  
	    $('.legend ul li a').css("color", "");
	    $("#" + filter + "_filter").css("color", color);
    
	    $('#current_filter').html(filter);
    
		}
	}

}

function fuzz_filter(){
  var orange = "#fb4f14";
	var yorange = "#9EC435";
	var fuschia = "#D20E68";
	var green = '#39b700';
	var blue = "#4EAFF5";
	var ltgray = "#e4e4e4";
	var dkgray = "#989898";
	var dkdkgray = "#555";
	
	$('.clients li .display nobr').css('color', dkgray);
  $('.clients li .display span, .clients li .display a *').css('color', orange);

	// These lines are a fix for Firefox.  The abover two lines handle safari, chrome, and ie, 6, 7, and 8.
	var link_selector = ".clients li .display .client_link";
	$(link_selector).css('color', orange);
	

  $('.legend ul li a').css('color', '');
	$('#fuzz_filter').css('color', orange);

}

function replace_client_link(filter){
	$(".clients ." + filter + " .display").each(function(){
		$(this).html($(this).parent().children('.' + filter).html());
	});
}