// swaps images when a link is hovered upon
function swapImage1() {
	var newImage = document.getElementById('aboutPic');
	newImage.src="images/aboutBW.jpg";
}

function restore1() {
	var oldImage = document.getElementById('aboutPic');
	oldImage.src="images/about.jpg";
}
function swapImage2() {
	var newImage = document.getElementById('peoplePic');
	newImage.src="images/peopleBW.jpg";
}

function restore2() {
	var oldImage = document.getElementById('peoplePic');
	oldImage.src="images/people.jpg";
}
function swapImage3() {
	var newImage = document.getElementById('resourcesPic');
	newImage.src="images/resourcesBW.jpg";
}

function restore3() {
	var oldImage = document.getElementById('resourcesPic');
	oldImage.src="images/resources.jpg";
}
function swapImage4() {
	var newImage = document.getElementById('newsPic');
	newImage.src="images/newsBW.jpg";
}

function restore4() {
	var oldImage = document.getElementById('newsPic');
	oldImage.src="images/news.jpg";
}
function swapImage5() {
	var newImage = document.getElementById('contactPic');
	newImage.src="images/contactBW.jpg";
}

function restore5() {
	var oldImage = document.getElementById('contactPic');
	oldImage.src="images/contact.jpg";
}