navbar = {
  "home": {"orig":new Image(), "over":new Image(), "click":new Image()},
  "about": {"orig":new Image(), "over":new Image(), "click":new Image()},
  "faq": {"orig":new Image(), "over":new Image(), "click":new Image()},
  "support": {"orig":new Image(), "over":new Image(), "click":new Image()},
}


imageDir = "/images/";

page = {

  initImages : function() {
    //"home": {"orig":"btn_home.png", "over":"btn_home_over.png", "click":"btn_home_click.png"},
    //"about": {"orig":"btn_about.png", "over":"btn_about_over.png", "click":"btn_about_click.png"},
    //"faq": {"orig":"btn_FAQ.png", "over":"btn_FAQ_over.png", "click":"btn_FAQ_click.png"},
    //"support": {"orig":"btn_support.png", "over":"btn_support_over.png", "click":"btn_support_click.png"},
  
    navbar.home.orig.src = imageDir + "btn_home.png";
    navbar.home.over.src = imageDir + "btn_home_over.png";
    navbar.home.click.src = imageDir + "btn_home_click.png";
  
    navbar.about.orig.src = imageDir + "btn_about.png";
    navbar.about.over.src = imageDir + "btn_about_over.png";
    navbar.about.click.src = imageDir + "btn_about_click.png";
  
    navbar.faq.orig.src = imageDir + "btn_FAQ.png";
    navbar.faq.over.src = imageDir + "btn_FAQ_over.png";
    navbar.faq.click.src = imageDir + "btn_FAQ_click.png";
  
    navbar.support.orig.src = imageDir + "btn_support.png";
    navbar.support.over.src = imageDir + "btn_support_over.png";
    navbar.support.click.src = imageDir + "btn_support_click.png";
  },

  initMouse : function() {
    $(".homeButton").mouseover(function() {
      $(this).attr("src", navbar.home.over.src);
    });
  
    $(".aboutButton").mouseover(function() {
      $(this).attr("src", navbar.about.over.src);
    });
  
    $(".faqButton").mouseover(function() {
      $(this).attr("src", navbar.faq.over.src);
    });
  
    $(".supportButton").mouseover(function() {
      $(this).attr("src", navbar.support.over.src);
    });
    
  
    $(".homeButton").mouseout(function() {
      $(this).attr("src", navbar.home.orig.src);
    });
  
    $(".aboutButton").mouseout(function() {
      $(this).attr("src", navbar.about.orig.src);
    });
  
    $(".faqButton").mouseout(function() {
      $(this).attr("src", navbar.faq.orig.src);
    });
  
    $(".supportButton").mouseout(function() {
      $(this).attr("src", navbar.support.orig.src);
    });
  
  
    $(".homeButton").mousedown(function() {
      $(this).attr("src", navbar.home.click.src);
    });
  
    $(".aboutButton").mousedown(function() {
      $(this).attr("src", navbar.about.click.src);
    });
  
    $(".faqButton").mousedown(function() {
      $(this).attr("src", navbar.faq.click.src);
    });
  
    $(".supportButton").mousedown(function() {
      $(this).attr("src", navbar.support.click.src);
    });
  
  
    $(".homeButton").mouseup(function() {
      $(this).attr("src", navbar.home.orig.src);
    });
  
    $(".aboutButton").mouseup(function() {
      $(this).attr("src", navbar.about.orig.src);
    });
  
    $(".faqButton").mouseup(function() {
      $(this).attr("src", navbar.faq.orig.src);
    });
  
    $(".supportButton").mouseup(function() {
      $(this).attr("src", navbar.support.orig.src);
    });
  }
}

function init() {
  page.initImages();
  page.initMouse();
}

$(function() {
  //turning off for now...
  //init();
});