// Set baloon open event to a tags
$A(document.getElementsByTagName('a')).each(function(a){
  if (a.id.match('^(guidebook)|(((tdc)|(pb)|(recommended)|(pickup)|(hot)|(bbsdiary)|(new))[0-9]+)$')){
    a.onmouseout = function(){
        clearTimeout(a.showing);
        clearTimeout($(a.id+'_pop').showing);
        $(a.id).showing = null;
        $(a.id+'_pop').showing = null;
        a.hiding = setTimeout(function(){ Element.hide($(a.id+'_pop')); }, 10);
    };
    a.onmouseover = function(){
      clearTimeout(a.hiding);
      clearTimeout($(a.id+'_pop').hiding);
      if (!$(a.id+'_pop').style.top){
        img = a.getElementsByTagName('img')[0];
        pos = Position.cumulativeOffset(img);
          $(a.id+'_pop').style.left=(pos[0]+parseInt((img.width/4)*3)).toString()+'px';
          $(a.id+'_pop').style.top=(pos[1]+parseInt((img.height/4)*3)).toString()+'px';
      }
      $(a.id).hiding = null;
      $(a.id+'_pop').hiding = null;
      a.showing = setTimeout(function(){ $(a.id+'_pop').style.display='block';}, 150);
    };
  }
});
// Set baloon open event to baloon contents
$A($('pop_blocks').getElementsByTagName('div')).each(function(d){
  if (d.className == 'hovertip_wrap0'){
    d.onmouseout = function(){
      linkId = d.id.split('_')[0];
      clearTimeout($(linkId).showing);
      $(linkId).showing = null;
      clearTimeout(d.showing);
      d.showing = null;
      d.hiding = setTimeout(function(){d.style.display="none";},10);
    }
    d.onmouseover = function(){
      linkId = d.id.split('_')[0];
      clearTimeout($(linkId).hiding);
      clearTimeout(d.hiding);
      $(linkId).hiding = null;
      d.hiding = null;
      d.showing = setTimeout(function(){d.style.display="block";},0);
    }
  }
});
