$(document).ready(function(){

	$( function() {
		$("img.rollover").hover(
			function() { this.src = this.src.replace("-off","-on"); },
			function() { this.src = this.src.replace("-on","-off"); }
		);
	});


		$(".cs1").hover(
			function() { $("#dist1").show(); },
			function() { $("#dist1").hide(); }
		);
		$(".cs2").hover(
			function() { $("#dist2").show(); },
			function() { $("#dist2").hide(); }
		);
		$(".cs3").hover(
			function() { $("#dist3").show(); },
			function() { $("#dist3").hide(); }
		);
		$(".cs4").hover(
			function() { $("#dist4").show(); },
			function() { $("#dist4").hide(); }
		);
		$(".cs5").hover(
			function() { $("#dist5").show(); },
			function() { $("#dist5").hide(); }
		);
		$(".cs6").hover(
			function() { $("#dist6").show(); },
			function() { $("#dist6").hide(); }
		);
		$(".cs7").hover(
			function() { $("#dist7").show(); },
			function() { $("#dist7").hide(); }
		);
		$(".cs8").hover(
			function() { $("#dist8").show(); },
			function() { $("#dist8").hide(); }
		);
		$(".cs9").hover(
			function() { $("#dist9").show(); },
			function() { $("#dist9").hide(); }
		);
		$(".cs10").hover(
			function() { $("#dist10").show(); },
			function() { $("#dist10").hide(); }
		);



	$(".btn-category").click(function(){
		$("#by-category").show();
		$("#by-category-nav").show();
		$("#by-name").hide();
		$("#by-name-nav").hide();
		$(this).toggleClass("active"); return false;
	});

	$(".btn-name").click(function(){
		$("#by-name").show();
		$("#by-name-nav").show();
		$("#by-category").hide();
		$("#by-category-nav").hide();
		$(this).toggleClass("active"); return false;
	});


});