// ButtonRollers Javascript
// This JavaScript is designed to handle all interactivity of the numerous
// navigation buttons throughout the Splish Splash web site.
// Michael B. Mitchell
// 2008

// Pre-instantiate variables
var imgLogo1;
var imgLogo2;

// Button graphic when just hanging out
var imgWash1 = new Image();
var imgWash1 = "http://www.splishsplash.biz/graphics/button_washes_off.png";
var imgSide1 = new Image();
var imgSide1 = "http://www.splishsplash.biz/graphics/button_sides_off.png";
var imgPay1 = new Image();
var imgPay1 = "http://www.splishsplash.biz/graphics/button_payup_off.png";
var imgLoc1 = new Image();
var imgLoc1 = "http://www.splishsplash.biz/graphics/button_loc_off.png";

imgLogo1 = new Image();
imgLogo1 = "http://www.splishsplash.biz/graphics/button_logo_off.png";
imgLogo2 = "http://www.splishsplash.biz/graphics/button_logo_over.png";

// Button graphic when moused over
var imgWash2 = new Image();
var imgWash2 = "http://www.splishsplash.biz/graphics/button_washes_over.png";
var imgSide2 = new Image();
var imgSide2 = "http://www.splishsplash.biz/graphics/button_sides_over.png";
var imgPay2 = new Image();
var imgPay2 = "http://www.splishsplash.biz/graphics/button_payup_over.png";
var imgLoc2 = new Image();
var imgLoc2 = "http://www.splishsplash.biz/graphics/button_loc_over.png";

// ========================================
// WASHES BUTTON FUNCTIONS
// ========================================

// Function when button is moused over
function overWash(){
  document.washesbutton.src = imgWash2; // Change button graphic
}

// Function when button is moused out
function outWash(){
  document.washesbutton.src = imgWash1; // Change button graphic
}

// ========================================
// SIDE ORDERS BUTTON FUNCTIONS
// ========================================

// Function when button is moused over
function overSide(){
  document.sidesbutton.src = imgSide2; // Change button graphic
}

// Function when button is moused out
function outSide(){
  document.sidesbutton.src = imgSide1; // Change button graphic
}

// ========================================
// PAYMENT OPTIONS BUTTON FUNCTIONS
// ========================================

// Function when button is moused over
function overPay(){
  document.paybutton.src = imgPay2; // Change button graphic
}

// Function when button is moused out
function outPay(){
  document.paybutton.src = imgPay1; // Change button graphic
}

// ========================================
// LOCATION BUTTON FUNCTIONS
// ========================================

// Function when button is moused over
function overLoc(){
  document.locbutton.src = imgLoc2; // Change button graphic
}

// Function when button is moused out
function outLoc(){
  document.locbutton.src = imgLoc1; // Change button graphic
}

// ========================================
// LOGO BUTTON FUNCTIONS
// ========================================

// Function when button is moused over
function overLogo(){
  document.logobutton.src = imgLogo2; // Change button graphic
}

// Function when button is moused out
function outLogo(){
  document.logobutton.src = imgLogo1; // Change button graphic
}