// JavaScript Document

window.onload = function() {
/* Home page */
document.getElementById("about").onmouseover = function() {swapImage("about", "about-hover");};
document.getElementById("about").onmouseout = function() {swapImage("about", "about");}
document.getElementById("services").onmouseover = function() {swapImage("services", "services-hover");};
document.getElementById("services").onmouseout = function() {swapImage("services", "services");}
document.getElementById("philosophy").onmouseover = function() {swapImage("philosophy", "philosophy-hover");};
document.getElementById("philosophy").onmouseout = function() {swapImage("philosophy", "philosophy");}
document.getElementById("specializations").onmouseover = function() {swapImage("specializations", "specializations-hover");};
document.getElementById("specializations").onmouseout = function() {swapImage("specializations", "specializations");}
document.getElementById("mediahome").onmouseover = function() {swapImage("mediahome", "mediahome-hover");};
document.getElementById("mediahome").onmouseout = function() {swapImage("mediahome", "mediahome");}	
document.getElementById("contact").onmouseover = function() {swapImage("contact", "contact-hover");};
document.getElementById("contact").onmouseout = function() {swapImage("contact", "contact");}	
}

function swapImage(id, source) {
document.getElementById(id).src = "images/" + source + ".jpg";
}