//二维数组，列出所有的页面，其中第一行对应menu0,第二行对应menu1,
//即当前网址包括该行中的任何一个页面时，对应id的menu样式为活动样式
//例如，假如当前网址是http://www.XXX.com/product.aspx,
//由于Products.aspx是第三行中的一个，则对应的menu2设置为活动样式
//调整该二维数组，可调整点击哪个页面时哪里个菜单为活动样式。

var m = [
            ["index.aspx"],
            ["about.aspx",  "factory.aspx", "honor.aspx", "quality.aspx"],
            ["products.aspx", "product_list.aspx", "prodetailed.aspx"],
            ["news.aspx", "newsDetails.aspx"],
            ["technology.aspx"],
            ["job.aspx", "idea.aspx"],
            ["contact.aspx"]
        ];

//menuPreFix：菜单id前缀，例如menu0,menu1,是指其中的"menu"
//ActiveCss:活动菜单的样式
//NotActiveCss：非活动菜单的样式
function SetMenuClassName(menuPreFix, ActiveCss, NotActiveCss) {
    //当前网址转小写
    var loc = (window.location + "").toLowerCase();
    for (var i = 0; i < m.length; i++) {
        for (var j = 0; j < m[i].length; j++) {
            //所有设置为非活动样式
            document.getElementById("menu" + i).className = NotActiveCss;
            //如果当前网址包含数组中的一个,则设为活动样式
            if (loc.indexOf(m[i][j].toLowerCase()) != -1) {
                document.getElementById(menuPreFix + i).className = ActiveCss;
                break;
            }
        }
    }
}

SetMenuClassName("menu", "ahover", "");