var imageUrl = getRootPath()+"/images/";
beforehandToLoad();

function getRootPath() {
    var strFullPath = window.document.location.href;
    var strPath = window.document.location.pathname;
    var pos = strFullPath.indexOf(strPath);
    var prePath = strFullPath.substring(0, pos);
    var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);
    return (prePath + postPath);
}

var menuArray = new Array();
menuArray.push('menuItem1');
menuArray.push('menuItem2');
    menuArray.push('menuItem2_1');
    menuArray.push('menuItem2_2');
menuArray.push('menuItem3');
menuArray.push('menuItem4');
menuArray.push('menuItem5');
menuArray.push('menuItem6');
menuArray.push('menuItem7');
menuArray.push('menuItem8');
menuArray.push('menuItem9');
var nowMenuItem;
function menu0nclick(menuID) {
    for (var i = 0; i < menuArray.length; i++) {
        var obj = document.getElementById(menuArray[i])
        if (menuArray[i] == menuID) {
            //obj.style.backgroundColor = "Black"; //点击后的颜色
            obj.style.backgroundImage = "url("+imageUrl+menuArray[i]+ "2.jpg)"; 
        }
        else {
            //obj.style.backgroundColor = "White"; //原始颜色
            if (menuArray[i] != nowMenuItem) {
                obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "1.jpg)";
            }
        }
    }
    itemChangeWith(menuArray[i - 1]);
    //alert("1");
}
function menuOnmousedown(menuID) {
    for (var i = 0; i < menuArray.length; i++) {
        var obj = document.getElementById(menuArray[i])
        if (menuArray[i] == menuID) {
            //obj.style.backgroundColor = "Blue"; //点击中的颜色
            obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "3.jpg)"; 
        }
        else {
            //obj.style.backgroundColor = "White"; //原始颜色
            if (menuArray[i] != nowMenuItem) {
                obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "1.jpg)";
            }
        }
    }
    itemChangeWith(menuArray[i - 1]);
    //alert("2");
}
function menu0nmouseover(menuID) {
    for (var i = 0; i < menuArray.length; i++) {
        var obj = document.getElementById(menuArray[i])
        if (menuArray[i] == menuID) {
            //obj.style.backgroundColor = "Yellow"; //悬停的颜色
            obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "2.jpg)"; 
        }
        else {
            //obj.style.backgroundColor = "White"; //原始颜色
            if (menuArray[i] != nowMenuItem) {
                obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "1.jpg)";
            }
        }
    }
    itemChangeWith(menuArray[i - 1]);
    //alert("3");
}
function menu0nmouseout() {
    var menuID = nowMenuItem;
    for (var i = 0; i < menuArray.length; i++) {
        var obj = document.getElementById(menuArray[i])
        if (menuArray[i] == menuID) {
            //obj.style.backgroundImage = "url(images/menuItem"+"12.jpg)"; //加载后的颜色
            obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "4.jpg)";
        }
        else {
            if (menuArray[i] != nowMenuItem) {
                obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "1.jpg)"; //原始颜色
            }
        }
    }
    itemChangeWith(menuArray[i - 1]);
    //alert("4");
}
function menuLoaded(menuID) {
    nowMenuItem = menuID;
    for (var i = 0; i < menuArray.length; i++) {
        var obj = document.getElementById(menuArray[i])
        if (menuArray[i] == menuID) {
            //obj.style.backgroundImage = "url(images/menuItem"+"12.jpg)"; //加载后的颜色
            obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "4.jpg)"; 
        }
        else {
            obj.style.backgroundImage = "url(" + imageUrl + menuArray[i] + "1.jpg)"; //原始颜色
        }
    }
    itemChangeWith(menuArray[i - 1]);
    //alert("5");
}

function itemChangeWith(menuID) {
    var obj = document.getElementById(menuID);
    obj.style.paddingRight = "3px";
}

function beforehandToLoad() {
    loadImage(imageUrl + "logo.jpg");
    loadImage(imageUrl + "menuItems.jpg");
    
    //一级菜单
    for (var i = 1; i < 10; i++) {
        for (var j = 1; j < 5; j++) {
            loadImage(imageUrl + "menuItem" + i + j + ".jpg");
        }
    }
    //二级菜单(product)
    for (var i2 = 1; i < 2; i++) {
        for (var j2 = 1; j < 5; j++) {
            loadImage(imageUrl + "menuItem2_" + i2 + j2 + ".jpg");
        }
    }
}

function loadImage(url) {
    var img = new Image(); //创建一个Image对象，实现图片的预下载
    img.src = url;
};