$(document).ready( function(){

$(".list1 .items").each( function(i){
		$(this).attr("id","list1-"+i);
	});
	$(".list1 .nav-title li").each( function(i){
		$(this).click( function(){
			if($(this).hasClass("on")) return false;
			
			$(this).parents(".nav-title").find("li").removeClass("on");
			$(this).addClass("on");
			
			$(".list1 .items").hide();
			$("#list1-"+i).fadeIn("fast");
		});
	});
	
$(".list2 .items").each( function(i){
		$(this).attr("id","list2-"+i);
	});
	$(".list2 .nav-title li").each( function(i){
		$(this).click( function(){
			if($(this).hasClass("on")) return false;
			
			$(this).parents(".nav-title").find("li").removeClass("on");
			$(this).addClass("on");
			
			$(".list2 .items").hide();
			$("#list2-"+i).fadeIn("fast");
		});
	});	
	
});