$(document).ready(function(){
// changer links when clicked
$("a.changer").click(function(){
//set the div with class mainText as a var called $mainText 
var $mainText = $('.change-font');
// set the current font size of .mainText as a var called currentSize
var currentSize = $mainText.css('font-size');
// parse the number value out of the font size value, set as a var called 'num'
var num = parseFloat(currentSize, 10);
// make sure current size is 2 digit number, save as var called 'unit'
var unit = currentSize.slice(-2);
// javascript lets us choose which link was clicked, by ID
if (this.id == 'linkLarge'){
num = 16;
$("img.smallText").attr("src", "/images/normal-text-off.gif");
$("img.normalText").attr("src", "/images/large-text.gif");
$("img.largeText").attr("src", "/images/largest-text-on.gif");
} else if (this.id == 'linkOriginal') {
num = 14;
$("img.smallText").attr("src", "/images/normal-text-off.gif");
$("img.normalText").attr("src", "/images/large-text-on.gif");
$("img.largeText").attr("src", "/images/largest-text.gif");
}
else if (this.id == 'linkSmall'){
num = 11;
$("img.smallText").attr("src", "/images/normal-text.gif");
$("img.normalText").attr("src", "/images/large-text.gif");
$("img.largeText").attr("src", "/images/largest-text.gif");
}
// jQuery lets us set the font Size value of the mainText div
$mainText.css('font-size', num + unit);
   return false;
});

});