$(document).ready(function() {
	$(".htmlBoxWrapper .htmlBox .html ul.accordion").accordion({ 
			header: "h3",
			autoHeight: true,
			icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' }
	});
	
	$(".htmlBoxWrapper .htmlBox .html #tim-headshot").click(function(){
		$(this).attr({ src: "images/gallery/tim-headshot.jpg" });
		$(".htmlBoxWrapper .htmlBox .html #dj-headshot").attr({ src: "images/gallery/dj-headshot-off.jpg" });
		$(".htmlBoxWrapper .htmlBox .html #dj-bio").hide().removeClass("active").addClass("inactive");
		$(".htmlBoxWrapper .htmlBox .html #tim-bio").fadeIn('fast').removeClass("inactive").addClass("active");
	});
	$(".htmlBoxWrapper .htmlBox .html #dj-headshot").click(function(){
		$(this).attr({ src: "images/gallery/dj-headshot.jpg" });
		$(".htmlBoxWrapper .htmlBox .html #tim-headshot").attr({ src: "images/gallery/tim-headshot-off.jpg" });
		$(".htmlBoxWrapper .htmlBox .html #tim-bio").hide().removeClass("active").addClass("inactive");
		$(".htmlBoxWrapper .htmlBox .html #dj-bio").fadeIn('fast').removeClass("inactive").addClass("active");
	});
});