// JavaScript Document
<!-- The following scripts control the hover effect for the navigation buttons on each page.  Using CSS and JS the hover feature is created by changing the background position of the image (in this case the button).  Using JS to link this button to its appropriate webpage completes the button feature. Created by William Blake November 30, 2008 -->

function spaButton_hover() {
document.getElementById("spaPackageButton").style.backgroundPosition="-167px";
}

function spaButton_off() {
document.getElementById("spaPackageButton").style.backgroundPosition="0px";
}

function hairButton_hover() {
document.getElementById("hairButton").style.backgroundPosition="-156px";
}

function hairButton_off() {
document.getElementById("hairButton").style.backgroundPosition="0px";
}
function makeupButton_hover() {
document.getElementById("makeupButton").style.backgroundPosition="-156px";
}

function makeupButton_off() {
document.getElementById("makeupButton").style.backgroundPosition="0px";
}
function waxingButton_hover() {
document.getElementById("waxingButton").style.backgroundPosition="-156px";
}

function waxingButton_off() {
document.getElementById("waxingButton").style.backgroundPosition="0px";
}
function airbrushButton_hover() {
document.getElementById("airbrushButton").style.backgroundPosition="-250px";
}

function airbrushButton_off() {
document.getElementById("airbrushButton").style.backgroundPosition="0px";
}
function bridalButton_hover() {
document.getElementById("bridalButton").style.backgroundPosition="-183px";
}

function bridalButton_off() {
document.getElementById("bridalButton").style.backgroundPosition="0px";
}
function nailButton_hover() {
document.getElementById("nailButton").style.backgroundPosition="-167px";
}

function nailButton_off() {
document.getElementById("nailButton").style.backgroundPosition="0px";
}
function massageButton_hover() {
document.getElementById("massageButton").style.backgroundPosition="-218px";
}

function massageButton_off() {
document.getElementById("massageButton").style.backgroundPosition="0px";
}
function bodyButton_hover() {
document.getElementById("bodyButton").style.backgroundPosition="-214px";
}

function bodyButton_off() {
document.getElementById("bodyButton").style.backgroundPosition="0px";
}
function facialsButton_hover() {
document.getElementById("facialsButton").style.backgroundPosition="-244px";
}

function facialsButton_off() {
document.getElementById("facialsButton").style.backgroundPosition="0px";
}

function contactButton_hover() {
document.getElementById("contactButton").style.backgroundPosition="-173px";
}

function contactButton_off() {
document.getElementById("contactButton").style.backgroundPosition="0px";
}

function homeButton_hover() {
document.getElementById("homeButton").style.backgroundPosition="-173px";
}

function homeButton_off() {
document.getElementById("homeButton").style.backgroundPosition="0px";
}