speakers.js

$(document).ready(function(){
	//Speaker 1
	$("#speaker1").mouseover(function(){
		$("#head1").addClass("headshot-cover");
		$("#head1").addClass("visible");
	});
	$("#speaker1").mouseout(function(){
		$("#head1").removeClass("headshot-cover");
		$("#head1").removeClass("visible");
	});
	
	
	//Speaker 2
	$("#speaker2").mouseover(function(){
		$("#head2").addClass("headshot-cover");
		$("#head2").addClass("visible");
	});
	$("#speaker2").mouseout(function(){
		$("#head2").removeClass("headshot-cover");
		$("#head2").removeClass("visible");
	});
	
	
	//Speaker 3
	$("#speaker3").mouseover(function(){
		$("#head3").addClass("headshot-cover");
		$("#head3").addClass("visible");
	});
	$("#speaker3").mouseout(function(){
		$("#head3").removeClass("headshot-cover");
		$("#head3").removeClass("visible");
	});
	
	//Speaker 4
	$("#speaker4").mouseover(function(){
		$("#head4").addClass("headshot-cover");
		$("#head4").addClass("visible");
	});
	$("#speaker4").mouseout(function(){
		$("#head4").removeClass("headshot-cover");
		$("#head4").removeClass("visible");
	});
	
	
	//Speaker 5
	$("#speaker5").mouseover(function(){
		$("#head5").addClass("headshot-cover");
		$("#head5").addClass("visible");
	});
	$("#speaker5").mouseout(function(){
		$("#head5").removeClass("headshot-cover");
		$("#head5").removeClass("visible");
	});
	
	
	//Speaker 6
	$("#speaker6").mouseover(function(){
		$("#head6").addClass("headshot-cover");
		$("#head6").addClass("visible");
	});
	$("#speaker6").mouseout(function(){
		$("#head6").removeClass("headshot-cover");
		$("#head6").removeClass("visible");
	});
	
	
	//Speaker 7
	$("#speaker7").mouseover(function(){
		$("#head7").addClass("headshot-cover");
		$("#head7").addClass("visible");
	});
	$("#speaker7").mouseout(function(){
		$("#head7").removeClass("headshot-cover");
		$("#head7").removeClass("visible");
	});
	
	
	//Speaker 8
	$("#speaker8").mouseover(function(){
		$("#head8").addClass("headshot-cover");
		$("#head8").addClass("visible");
	});
	$("#speaker8").mouseout(function(){
		$("#head8").removeClass("headshot-cover");
		$("#head8").removeClass("visible");
	});
	
	
	//Speaker 9
	$("#speaker9").mouseover(function(){
		$("#head9").addClass("headshot-cover");
		$("#head9").addClass("visible");
	});
	$("#speaker9").mouseout(function(){
		$("#head9").removeClass("headshot-cover");
		$("#head9").removeClass("visible");
	});
});