function showOverNav(butName)
{
	var navButton = document.images[navOverArray[butName][1]];
	navButton.src = navOverArray[butName][0].src;
}
function hideOverNav(butName)
{
	var navButton = document.images[navOffArray[butName][1]];
	navButton.src = navOffArray[butName][0].src;
}
//increase array according to how many menu items you have
var navOverArray = new Array(11);
for (var i=0;i<6;i++) {
	navOverArray[i] = new Array(6);
}
var navOffArray = new Array(11);
for (var i=0;i<6;i++) {
	navOffArray[i] = new Array(6);
}

var HOME = 0;
var FAMILY = 1;
var BUSINESS = 2;
var PROJECT = 3;
var PARTNER = 4;
var FAQ = 5;

//home section 
navOverArray[HOME][0] = new Image();
navOverArray[HOME][0].src = path+"images/menu/menuHome_over.gif"; //show green non-bold image when hovering
navOverArray[HOME][1] = "homeNav";

navOffArray[HOME][0] = new Image();
if (vpage == "home"){ //if we are already on the section show bold green image
navOffArray[HOME][0].src = path+"images/menu/menuHome_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[HOME][0].src = path+"images/menu/menuHome.gif";
}
navOffArray[HOME][1] = "homeNav";

//family section 
navOverArray[FAMILY][0] = new Image();
navOverArray[FAMILY][0].src = path+"images/menu/menuFamily_over.gif"; //show green non-bold image when hovering
navOverArray[FAMILY][1] = "familyNav";

navOffArray[FAMILY][0] = new Image();
if (vpage == "family"){ //if we are already on the section show bold green image
navOffArray[FAMILY][0].src = path+"images/menu/menuFamily_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[FAMILY][0].src = path+"images/menu/menuFamily.gif";
}
navOffArray[FAMILY][1] = "familyNav";

//small business section 
navOverArray[BUSINESS][0] = new Image();
navOverArray[BUSINESS][0].src = path+"images/menu/menuSmall_over.gif"; //show green non-bold image when hovering
navOverArray[BUSINESS][1] = "businessNav";

navOffArray[BUSINESS][0] = new Image();
if (vpage == "business"){ //if we are already on the section show bold green image
navOffArray[BUSINESS][0].src = path+"images/menu/menuSmall_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[BUSINESS][0].src = path+"images/menu/menuSmall.gif";
}
navOffArray[BUSINESS][1] = "businessNav";

//projects section 
navOverArray[PROJECT][0] = new Image();
navOverArray[PROJECT][0].src = path+"images/menu/menuProjects_over.gif"; //show green non-bold image when hovering
navOverArray[PROJECT][1] = "projectNav";

navOffArray[PROJECT][0] = new Image();
if (vpage == "projects"){ //if we are already on the section show bold green image
navOffArray[PROJECT][0].src = path+"images/menu/menuProjects_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[PROJECT][0].src = path+"images/menu/menuProjects.gif";
}
navOffArray[PROJECT][1] = "projectNav";

//patners section 
navOverArray[PARTNER][0] = new Image();
navOverArray[PARTNER][0].src = path+"images/menu/menuPartners_over.gif"; //show green non-bold image when hovering
navOverArray[PARTNER][1] = "partnerNav";

navOffArray[PARTNER][0] = new Image();
if (vpage == "partners"){ //if we are already on the section show bold green image
navOffArray[PARTNER][0].src = path+"images/menu/menuPartners_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[PARTNER][0].src = path+"images/menu/menuPartners.gif";
}
navOffArray[PARTNER][1] = "partnerNav";

//faqs section 
navOverArray[FAQ][0] = new Image();
navOverArray[FAQ][0].src = path+"images/menu/menuFAQ_over.gif"; //show green non-bold image when hovering
navOverArray[FAQ][1] = "faqNav";

navOffArray[FAQ][0] = new Image();
if (vpage == "faqs"){ //if we are already on the section show bold green image
navOffArray[FAQ][0].src = path+"images/menu/menuFAQ_on.gif";
}else{ //if we are on any other section show grey image
navOffArray[FAQ][0].src = path+"images/menu/menuFAQ.gif";
}
navOffArray[FAQ][1] = "faqNav";