// this is the library file for the leftnav functions

$(document).ready(function(){
	$("#li1").bind("mouseenter", function(){
		$('#li_div1').toggle();
	}).bind("mouseleave", function(){
		$('#li_div1').toggle();
	});
	
	$("#li2").bind("mouseenter", function(){
		$('#li_div2').toggle();
	}).bind("mouseleave", function(){
		$('#li_div2').toggle();
	});
	
	$("#li3").bind("mouseenter", function(){
		$('#li_div3').toggle();
	}).bind("mouseleave", function(){
		$('#li_div3').toggle();
	});
	
	$("#li4").bind("mouseenter", function(){
		$('#li_div4').toggle();
	}).bind("mouseleave", function(){
		$('#li_div4').toggle();
	});
	
	$("#li5").bind("mouseenter", function(){
		$('#li_div5').toggle();
	}).bind("mouseleave", function(){
		$('#li_div5').toggle();
	});
	
	$("#li6").bind("mouseenter", function(){
		$('#li_div6').toggle();
	}).bind("mouseleave", function(){
		$('#li_div6').toggle();
	});
	
	$("#li7").bind("mouseenter", function(){
		$('#li_div7').toggle();
	}).bind("mouseleave", function(){
		$('#li_div7').toggle();
	});
	
	$("#li8").bind("mouseenter", function(){
		$('#li_div8').toggle();
	}).bind("mouseleave", function(){
		$('#li_div8').toggle();
	});
	
	$("#li9").bind("mouseenter", function(){
		$('#li_div9').toggle();
	}).bind("mouseleave", function(){
		$('#li_div9').toggle();
	});
	
	$("#li10").bind("mouseenter", function(){
		$('#li_div10').toggle();
	}).bind("mouseleave", function(){
		$('#li_div10').toggle();
	});
	
	$("#li11").bind("mouseenter", function(){
		$('#li_div11').toggle();
	}).bind("mouseleave", function(){
		$('#li_div11').toggle();
	});
	
	$("#li12").bind("mouseenter", function(){
		$('#li_div12').toggle();
	}).bind("mouseleave", function(){
		$('#li_div12').toggle();
	});
	
	// also going to add the top rollovers
	
	$("#top1").bind("mouseenter", function(){
		$('#top1').css("background-image","");
	}).bind("mouseleave", function(){
		$('#top1').css("background-image","url(images/top-nav-bkg.jpg)");
	});
	$("#top2").bind("mouseenter", function(){
		$('#top2').css("background-image","");
	}).bind("mouseleave", function(){
		$('#top2').css("background-image","url(images/top-nav-bkg.jpg)");
	});
	$("#top3").bind("mouseenter", function(){
		$('#top3').css("background-image","");
	}).bind("mouseleave", function(){
		$('#top3').css("background-image","url(images/top-nav-bkg.jpg)");
	});
	$("#top4").bind("mouseenter", function(){
		$('#top4').css("background-image","");
	}).bind("mouseleave", function(){
		$('#top4').css("background-image","url(images/top-nav-bkg.jpg)");
	});
});