// nav image hover

var images = new Array();

function getRef(nodeName){
  return document.getElementById(nodeName);
}

function set_hover(image_node_name, hover_image){
  var imageNode = getRef(image_node_name);
  
  var reg_image = imageNode.src;
  
  var width = imageNode.width;
  var height = imageNode.height;
  
  images = new Array(images.length);
  var current_index = images.length;
  images[current_index] = new Image(width, height);
  
  var n = images[current_index];
  n.src = hover_image;
  
  imageNode.onmouseover = Function('getRef(\'' + image_node_name + '\').src = \'' + hover_image + '\';');
  imageNode.onmouseout = Function('getRef(\'' + image_node_name + '\').src = \'' + reg_image + '\';');
}

startList = function() {
  var ulNode = null;
  var subNode = null;
  if (navigator.appName) {
    if(navigator.appName=='Microsoft Internet Explorer'){
      navRoot = document.getElementById("nav_str");
      for (i=0; i<navRoot.childNodes.length; i++) {
        node = navRoot.childNodes[i];
        if (node.nodeName=="LI") {
          node.onmouseover=function() {
            this.className = "over";
          }
          node.onmouseout=function() {
            this.className= "cancel";
          }
          ulNode = node.getElementsByTagName('ul')[0];
          if(ulNode && ulNode.className=='drop_down'){
            for(var count = 0; count < ulNode.childNodes.length; count++){
              subNode = ulNode.childNodes[count];
              if(subNode.nodeName=="LI"){
                subNode.onmouseover = function(){
                  this.className = "subOver";
                }
                subNode.onmouseout = function(){
                  this.className = "subOut";
                }
              }
              subNode = null;
            }
          }
        }
      }
    }
  }
}