//sets up the image rollovers for the menu bar buttons.
$(function(){
  //preload the 2nd image for rollover, bye bye lag.
  rollover1 = new Image();
  rollover1.src = "/images/home-roll-1-over.jpg";
  rollover2 = new Image();
  rollover2.src = "/images/home-roll-2-over.jpg";
  rollover3 = new Image();
  rollover3.src = "/images/home-roll-3-over.jpg";

$("#roll1").hover(onOver1, onOut1);
$("#roll2").hover(onOver2, onOut2);
$("#roll3").hover(onOver3, onOut3);

});//end onload function

function onOver1() {$("#roll1").attr({src: "/images/home-roll-1-over.jpg" });}//end onOver
function onOut1()  {$("#roll1").attr({src: "/images/home-roll-1-up.jpg" });}
function onOver2() {$("#roll2").attr({src: "/images/home-roll-2-over.jpg" });}//end onOver
function onOut2()  {$("#roll2").attr({src: "/images/home-roll-2-up.jpg" });}
function onOver3() {$("#roll3").attr({src: "/images/home-roll-3-over.jpg" });}//end onOver
function onOut3()  {$("#roll3").attr({src: "/images/home-roll-3-up.jpg" });}