$(document).ready(function() {
	$('.kwicks').kwicks({
		max : 300,
		spacing : 5
	});
	
	// On mouseover, show the icons.

	
	// This is for the resume box.
	$('#kwick_1').mouseover(function(event){
		$('#kwick_1 div').fadeIn('slow');
	});
	
	$('#kwick_1').mouseleave(function(event){
		$(".clickable_icon").fadeOut('fast');
	});
	
	// This is for the programming philosophy box.
	$('#kwick_2').mouseover(function(event){
		$('#kwick_2 div').fadeIn('slow');
	});

	$('#kwick_2').mouseleave(function(event){
		$(".clickable_icon").fadeOut('fast');
	});
	
	// This is for the on-air philosophy box.
	$('#kwick_3').mouseover(function(event){
		$('#kwick_3 div').fadeIn('slow');
	});

	$('#kwick_3').mouseleave(function(event){
		$(".clickable_icon").fadeOut('fast');
	});
	
	// This is for the commercial philosophy box.
	$('#kwick_4').mouseover(function(event){
		$('#kwick_4 div').fadeIn('slow');
	});

	$('#kwick_4').mouseleave(function(event){
		$(".clickable_icon").fadeOut('fast');
	});
	
	// This is for the voiceover philosophy box.
	$('#kwick_5').mouseover(function(event){
		$('#kwick_5 div').fadeIn('slow');
	});

	$('#kwick_5').mouseleave(function(event){
		$(".clickable_icon").fadeOut('fast');
	});
	
	// Hide all the icon links.
	$(".clickable_icon").css('visibility','visible');
	$(".clickable_icon").hide();
});