//////////////////////////////////////////////////
var isHover = new Array(); var clearMe = new Array(); var zIndex=1;
function changePic(id,hide)
{
  isHover['main'] = 0; isHover['clan'] = 0; isHover['comm'] = 0;
  hideNavi('main'); hideNavi('clan'); hideNavi('comm');

  if(!$(id).src.match(/\_hover/))
    $(id).src = $(id).src.replace(/\.jpg/, '_hover.jpg');

  if(hide != 0) {
    $(id).onmouseout = function() {
      if(isHover[this.id] != 1) this.src = this.src.replace(/\_hover\.jpg/, '.jpg');
    }
  } else {
    $(id).onmouseout = function() {
      isHover[this.id] = 0;
      hideNavi(this.id);
    }
  } 
}

function hideNavi(id,timer)
{

  if(timer == 1 && isHover[id] != 1)
  { 
    $('n_' + id).style.display = 'none';
    $(id).src = $(id).src.replace(/\_hover\.jpg/, '.jpg');
  } else window.setTimeout("hideNavi('"+id+"',1)",100);
}

function showNavi(id)
{
  changePic(id, 0);
  isHover[id] = 1;
  $('n_' + id).style.display = 'block';
  $('n_' + id).style.zIndex = zIndex; zIndex++;
  
  $('n_' + id).onmouseover = function() {
    var id = this.id.replace(/n\_/, '');
    isHover[id] = 1;
  }

  $('n_' + id).onmouseout = function() {
    var id = this.id.replace(/n\_/, '');
    changePic(id);
  }
}

var img = new Array();
function initNavigation()
{
  var tags = $('navi').getElementsByTagName('img');
  for(var i=0;i<tags.length;i++)
  {
    if(tags[i].className == 'h')
    {
      img[tags[i].id] = new Image();
      img[tags[i].id].src = tags[i].src.replace(/\.jpg/,'_hover.jpg');
    }
  }
}