$(document).ready(function () {

$.scrollTo("#notes", 1200);

$("#folio").load("/features/notes-from-a-letter-never-sent/note1.htm");	

$("a#note1").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note1.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note1").removeClass().addClass("read");
});

$("a#note2").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note2.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note2").removeClass().addClass("read");
});

$("a#note3").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note3.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note3").removeClass().addClass("read");
});

$("a#note4").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note4.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note4").removeClass().addClass("read");
});

$("a#note5").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note5.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note5").removeClass().addClass("read");
});

$("a#note6").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note6.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note6").removeClass().addClass("read");
});

$("a#note7").click(function(){
$("#folio").load("/features/notes-from-a-letter-never-sent/note7.htm");
$("#notes a").removeClass().addClass("unread");
$("a#note7").removeClass().addClass("read");
});

});