// *** The goal is to make the secondary navigation links (found in almost every page
// *** except the home page) change it's background image position from top left to bottom
// *** left on mouse overs, and from bottom left to top left on mouse out

// FIRST GET ALL LI ELEMENTS

var homeNavItem = document.getElementById("home-subnavitem");
var costumerCareNavItem = document.getElementById("costumer-care-subnavitem");
var backflowTestingNavItem = document.getElementById("backflow-testing-subnavitem");
var irrigationServiceNavItem = document.getElementById("irrigation-service-subnavitem");
var testimonialsNavItem = document.getElementById("testimonials-subnavitem");
var irrigationInstallationNavItem = document.getElementById("irrigation-installation-subnavitem");
var outdoorLightningNavItem = document.getElementById("outdoor-lighting-subnavitem");
var warrantyPolicyNavItem = document.getElementById("warranty-policy-subnavitem");
var scheduleContactUsNavItem = document.getElementById("schedule-contact-us-subnavitem");

// NOW DEFINE FUNCTION FOR CHANGING BACKGROUND IMAGE POSITION TO BOTTOM LEFT

function showHiddenImg()
{
this.getElementsByTagName("span")[0].style.backgroundPosition = "bottom left";
}

function showOriginalImg()
{
this.getElementsByTagName("span")[0].style.backgroundPosition = "top left";
}

homeNavItem.onmouseover = showHiddenImg;
homeNavItem.onmouseout = showOriginalImg;

costumerCareNavItem.onmouseover = showHiddenImg;
costumerCareNavItem.onmouseout = showOriginalImg;

backflowTestingNavItem.onmouseover = showHiddenImg;
backflowTestingNavItem.onmouseout = showOriginalImg;

irrigationServiceNavItem.onmouseover = showHiddenImg;
irrigationServiceNavItem.onmouseout = showOriginalImg;

testimonialsNavItem.onmouseover = showHiddenImg;
testimonialsNavItem.onmouseout = showOriginalImg;

irrigationInstallationNavItem.onmouseover = showHiddenImg;
irrigationInstallationNavItem.onmouseout = showOriginalImg;

outdoorLightningNavItem.onmouseover = showHiddenImg;
outdoorLightningNavItem.onmouseout = showOriginalImg;

warrantyPolicyNavItem.onmouseover = showHiddenImg;
warrantyPolicyNavItem.onmouseout = showOriginalImg;

scheduleContactUsNavItem.onmouseover = showHiddenImg;
scheduleContactUsNavItem.onmouseout = showOriginalImg;