function changeImageByPath(oSetting) {
  var pathName = location.pathname.replace(/\\/ig, "/");
  var cacheImages = new Array();
  
  if (oSetting && oSetting.length) {
    for (var i=0; i<oSetting.length; i++) {
      var setting = oSetting[i];
      var selected = false;
      
      if (setting && setting.path && setting.id && setting.img) {
        
        if (pathName.indexOf(setting.path) != -1) {
          var obj = document.getElementById(setting.id);
          selected = true;
          if (obj && obj.src) {
            obj.src = setting.img;
          }
        }
        
        if (setting.hover) {
          var obj = document.getElementById(setting.id);
          // pre load
          cacheImages[i] = new Image();
          cacheImages[i].src = setting.hover;
          
          if (obj && obj.src) {
            if (!selected || setting.isSelectedHover) {
              obj.setAttribute('srcOrg', obj.src);
              obj.setAttribute('srcHover', setting.hover);
              obj.onmouseover = function() {
                this.setAttribute('src', this.getAttribute('srcHover'));
              };
              obj.onmouseout = function() {
                this.setAttribute('src', this.getAttribute('srcOrg'));
              };
              obj.onclick = function() {
                this.setAttribute('src', this.getAttribute('srcOrg'));
              };
            }
          }
        }
        
      }
      
    }
  }
}