// JavaScript Document
home_on = new Image ( 190, 39 ); // Home menu
home_off = new Image ( 190, 39 );
home_on.src = "images/nav/home_on.gif";
home_off.src = "images/nav/home.gif";

portfolio_on = new Image ( 190, 39 ); // portfolio menu
portfolio_off = new Image ( 190, 39 );
portfolio_on.src = "images/nav/portfolio_on.gif";
portfolio_off.src = "images/nav/portfolio.gif";

design_on = new Image ( 190, 39 ); // design menu
design_off = new Image ( 190, 39 );
design_on.src = "images/nav/design_on.gif";
design_off.src = "images/nav/design.gif";

profile_on = new Image ( 190, 39 ); // profile menu
profile_off = new Image ( 190, 39 );
profile_on.src = "images/nav/profile_on.gif";
profile_off.src = "images/nav/profile.gif";

contact_on = new Image ( 190, 39 ); // contact menu
contact_off = new Image ( 190, 39);
contact_on.src = "images/nav/contact_on.gif";
contact_off.src = "images/nav/contact.gif";

function button_on ( imgId ) { // Roll-over state
  if ( document.images )   {
    butOn = eval ( imgId + "_on.src" );
    document.getElementById(imgId).src = butOn;
  }
}

function button_off ( imgId ) { // Default state
  if ( document.images )   {
    butOff = eval ( imgId + "_off.src" );
    document.getElementById(imgId).src = butOff;
  }
}