///////////////////////////////////////////////////////////////////////////////////////////////////////

// DROPDOWN NAVIGATION + HOVER
var hoverIDs = new Array(); isHover = new Array(); hoverTimer = new Array(); var zIndex = 99;
var hideNavi = function(id, timer) {


  if(timer == 1 && isHover[id] == 0) {
    $('#' + id).attr('src', $('#' + id).attr('src').replace(/\_hover\.jpg/, '.jpg'));    
    $('#n_' + id).css('display', 'none');
    
  } else hoverTimer[id] = window.setTimeout("hideNavi('" + id + "', 1);", 10);
  
}

var initNavigation = function(objID) {
//  var objID=document.getElementById(id);
  var img  = new Array();
//  var tags = document.getElementById(id).getElementsByTagName('img'); var e = 0;
var tags = $('#' + objID)[0].getElementsByTagName('img'); var e = 0;

  for(var i=0;i<tags.length;i++)
  {
    if(tags[i].className == 'h')
    {
      hoverIDs[e] = new Array(tags[i].id)
      img[tags[i].id] = new Image();
      img[tags[i].id].src = tags[i].src.replace(/\.jpg/, '_hover.jpg');
      
      tags[i].onmouseover = function() {
        window.clearTimeout(hoverTimer[this.id]);
      // hide all menus
        for(var z=0;z<hoverIDs.length;z++)
        {
          var zid = hoverIDs[z];

          document.getElementById(zid).src = document.getElementById(zid).src.replace(/\_hover\.jpg/, '.jpg');
          document.getElementById('n_' + zid).style.display = 'none';
        }

      // show selected menu
        isHover[this.id] = 1;
        this.src = this.src.replace(/\.jpg/, '_hover.jpg');
        $('#n_' + this.id).css('display', 'block');
        
        $('#n_' + this.id).mouseover(function() {
          var id = $(this).attr('id').split('_');
          window.clearTimeout(hoverTimer[id[1]]);
          isHover[id[1]] = 1;
        });
        
        $('#n_' + this.id).mouseout(function() {
          var id = $(this).attr('id').split('_');
          isHover[id[1]] = 0;
          hideNavi(id[1]);
        });
        
      }

      tags[i].onmouseout = function() {
        isHover[this.id] = 0;
        hideNavi(this.id);
      }
      e++;
    }
  }
}

