$(document).ready(function() {
	
	/* STOP:
		
		do you really wanna mess with this functionaity? seriously? you don't.
		sure, change the names of the HTML elements if you need to ... that's
		cool. but don't f**k with the rest of it. you'll go blind. swear to god.
		
	*/
	
	$("#testMenu dd div:first").jScrollPane();
	$("#testMenu dd div:last").jScrollPane();
	$("#testMenu dd:last").hide();
	
	$("#testMenu dt").click(function() {
		var nextDD = $(this).next();
		var visibleSiblings = $(nextDD).siblings("dd:visible");
		function preLoader() {$(this).jScrollPane();}
		
		if($(visibleSiblings).length) {
			$(visibleSiblings).slideUp("normal", function() {
				$(nextDD).slideToggle("normal");
			});
		}else{
			$(nextDD).slideToggle("normal");
		}
	});
	
});
