﻿
function navItem(id, path, imgOverSrc, imgOutSrc) {
    this.id = id;
    this.path = path;
    this.imgOverSrc = imgOverSrc;
    this.imgOutSrc = imgOutSrc;
}

var navItems = new Array(
    new navItem("imgHome", "/customer/", "/images/icon-home-over.png", "/images/icon-home.png"),
    new navItem("imgAboutUs", "/about-us/", "/images/nav-about-us-over.png", "/images/nav-about-us-out.png"),
    new navItem("imgOurPeople", "/our-people/", "/images/nav-our-people-over.png", "/images/nav-our-people-out.png"),
    new navItem("imgOurExpertise", "/our-expertise/", "/images/nav-our-expertise-over.png", "/images/nav-our-expertise-out.png"),
    new navItem("imgManufacturers", "/manufacturers/", "/images/nav-manufacturers-over.png", "/images/nav-manufacturers-out.png"),
    new navItem("imgNewsAndEvents", "/news-and-events/", "/images/nav-news-and-events-over.png", "/images/nav-news-and-events-out.png"),
    new navItem("imgGetStarted", "/get-started/", "/images/nav-get-started-over.png", "/images/nav-get-started-out.png"),
    new navItem("imgContactUs", "/contact-us/", "/images/nav-contact-us-over.png", "/images/nav-contact-us-out.png"),
    new navItem("imgOrders", "/orders/", "/images/nav-orders-over.png", "/images/nav-orders-out.png"),
    new navItem("imgAccount", "/account/", "/images/nav-account-over.png", "/images/nav-account-out.png"),
    new navItem("imgToolsAndResouces", "/tools-and-resouces/", "/images/nav-tools-and-resouces-over.png", "/images/nav-tools-and-resouces-out.png")
);

var url = location.href;

for (i = 0; i < navItems.length; i++) {
    var img = document.getElementById(navItems[i].id);
    if (img) {
        img.setAttribute("src", navItems[i].imgOutSrc);
        if (url.indexOf(navItems[i].path) > -1) {
            img.setAttribute("src", navItems[i].imgOverSrc);
            img.setAttribute("onmouseover", "");
            img.setAttribute("onmouseout", "");
        }
    }
}

var IE6 = false/*@cc_on || @_jscript_version < 5.7@*/;
if (IE6) {
   	var items = document.getElementsByTagName("div");
   	for (i = 0; i < items.length; i++) {
   		if (items[i].className == "container745px") {
   			items[i].style.marginLeft = "-20px";
   		}
   	}
}
