$(document).ready(function(){
 //load initial page into div on page load
 $("#news-body").load("news1.html");
//load html to div on click
 $("#news1").click(function(){
  $("#news-body").load("news1.html");
 });
 $("#news2").click(function(){
  $("#news-body").load("news2.html");
 });
 $("#news3").click(function(){
  $("#news-body").load("news3.html");
 });
 $("#news4").click(function(){
  $("#news-body").load("news4.html");
 });
 $("#news5").click(function(){
  $("#news-body").load("news5.html");
 });
 $("#news6").click(function(){
  $("#news-body").load("news6.html");
 });
 $("#news7").click(function(){
  $("#news-body").load("news7.html");
 });
 $("#news8").click(function(){
  $("#news-body").load("news8.html");
 });
 $("#news9").click(function(){
  $("#news-body").load("#");
 });
 $("#news10").click(function(){
  $("#news-body").load("#");
 });
//end load html to div

//add remove 'selected' state 
$("a").click(function(){
        $("#news-nav .selected").removeClass("selected");   
        $(this).addClass("selected");  
});
//end add remove
});