<!-- highlight_block_light

var HB = {
  
  hs: [], // [h1, h2,...]
  
  doOverBackgroundImage: 'url(/pic/box_bar_red.png)',
  
  start: function() {
    if (window.addEventListener){
        window.addEventListener('load', HB.init, false);
    } else if (window.attachEvent){
        window.attachEvent('onload', HB.init);
    } else {
      onloadfunc = window.onload;
      window.onload = function() {
        if (onloadfunc) onloadfunc();
        HB.init();
      }
    }
  },

  init: function() {
    var divs = document.getElementsByTagName('div');
    var box_div = [];
    for (var i = 0, len = divs.length; i < len; ++i) {
      var div = divs[i];
      if (HB.class_names_include_box_or_box_small(div))
        box_div.push(div);
    }
    
    for (var i = 0, len = box_div.length; i < len; ++i) {
      var div = box_div[i];
      var h = div.getElementsByTagName('h3')[0];
      if (!h) h = div.getElementsByTagName('h4')[0];
      if (!h) continue;
      HB.hs.push(h);
      div.idx = i;
      
      div.onmouseover = function() { HB.doOver(this.idx); }
      div.onmouseout  = function() { HB.doOut(this.idx); }
    }
  },
  
  class_names_include_box_or_box_small: function(obj) {
    var class_names = obj.className.split(/\s+/).filter( function(element, index, array){ return (element.length > 0) } );
    var result = (class_names.indexOf('box') != -1 || class_names.indexOf('box_small') != -1) ? true : false;
    return result;
  },
  
  doOver: function(idx) {
    var obj = HB.hs[idx];
    obj.style.backgroundImage = HB.doOverBackgroundImage;
    
    if (obj.parentNode) {
      if (HB.class_names_include_box_or_box_small(obj.parentNode))  
        obj.parentNode.style.borderColor = 'red';
    }
  },
  
  doOut: function(idx) {
    var obj = HB.hs[idx];
    obj.style.backgroundImage = '';

    if (obj.parentNode) {
      if (HB.class_names_include_box_or_box_small(obj.parentNode))  
        obj.parentNode.style.borderColor = '';
    }
  }
}

HB.start();

//-->