$(document).ready(function() {      // do stuff when DOM is ready
 
 $("ul#tabs li a").css("text-decoration","none");
 
	$("li#part1, li#part1 a").click(function(){
	$("#loadarea").load("index.html #content");
	$("ul#tabs li").removeClass("active");
	$("li#part1").addClass("active");
	return false;
	})
	
	$("li#part2, li#part2 a").click(function(){
	$("#loadarea").load("part2.html #content");
	$("ul#tabs li").removeClass("active");
	$("li#part2").addClass("active");
	return false;
	})
	
	$("li#html, li#html a").click(function(){
	$("#loadarea").load("html.html #content");
	$("ul#tabs li").removeClass("active");
	$("li#html").addClass("active");
	return false;
	})
	
	$("li#css, li#css a").click(function(){
	$("#loadarea").load("css.html #content");
	$("ul#tabs li").removeClass("active");
	$("li#css").addClass("active");
	return false;
	})
	
	$("li#js, li#js a").click(function(){
	$("#loadarea").load("js.html #content");
	$("ul#tabs li").removeClass("active");
	$("li#js").addClass("active");
	return false;
	})

});