// initialize the jquery code
 $(document).ready(function(){
// changer links when clicked
$("a.changer").click(function(){
//set the div with class mainText as a var called $mainText 
var $container = $('div.container');
// set the current font size of .mainText as a var called currentSize
var currentSize = $container.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 = num * 1.4;
} else if (this.id == 'linkSmall'){
num = num / 1.4;
}
// jQuery lets us set the font Size value of the mainText div
$container.css('font-size', num + unit);
   return false;
});
// hover for links - toggle css background colors
$("a.changer").hover(function(){
$(this).css('background-color', '#007EAE');
}, function(){
$(this).css('background-color', '#fff');
});
// hide switchLinks on page load
$('#switchLinks').hide();
// show the switchLinks div if showme is clicked
$('#showMe').click(function(){
$(this).hide();
$('#switchLinks').show();
return false;
});
// hide switchlinks if it is clicked
$('#switchLinks').click(function(){
$(this).hide();
$('#showMe').show();
return false;
});

});