$(document).ready(function(){
  nm_init('table#navUL');
});

function nm_init(domChunk)
{
  var kids = $(domChunk).find("a");
  menuCount = kids.length;
  $('#outerNavBox').mouseleave(
    function(){
      stopDropTimer();
    }
  );
  $('#outerNavBox').mouseenter(
    function(){
      cancelTimer('#subNavContainer');
    }
  );
  $(kids).mouseover(
    function(e){
      //blockOn('subNavContainer');
      mainDropMenuTimer('subNavContainer',2000,false,false);
      startDropTimer('#subNavContainer');
      showMenu(this.id,e);
    }
  );
  $(kids).mouseout(
    function(){
      mainDropMenuTimer('subNavContainer',2000,true,false);
    }
  );
}

function showMenu(idName,event)
{
  hideAll();
  var menuPos = $('#NavContainer').position();
  var menuWidth =  $('#NavContainer').width();
  var tabPos = $('#'+idName).position();
  var tabWidth = $('#'+idName).width();
  var relXLeft = parseInt(tabPos.left-4);
  var relXRight = (parseInt(menuWidth) - parseInt(tabPos.left + tabWidth) - 5);
  var subName = "sub" + idName;
  $('a.navLink').css({"color":"#333"});
  $("#"+idName).css({"color":"#FFF"});
  if( $("#"+idName).hasClass("leftNav"))
    $(".navLeft").css({"backgroundPosition":"0 -31px"});
  if( $("#"+idName).hasClass("rightNav"))
    $(".navRight").css({"backgroundPosition":"0 -31px"});
  $("#"+idName).css({"backgroundPosition":"0 -31px"});
  if($("#NavContainer").css("margin-top") != "40px")
  {
    moveUp();
    if( $("#"+idName).hasClass("rightNav"))
    {
      $("#"+subName).css({"opacity":1.0,"display":"block","margin-right":relXRight+"px","float":"right"});
      $("#"+subName+ " a").css({"float":"right"});
    }
    else
      $("#"+subName).css({"opacity":1.0,"display":"block","margin-left":relXLeft+"px","float":"left"});
  }
}

function moveUp()
{
  $('#NavContainer').animate({marginTop:"3px"},300);
  $('#subNavWrap').animate({height:"25px"},300);
}

function moveDown()
{
  $('#NavContainer').animate({marginTop:"3px"},300);
  $('#subNavWrap').animate({height:"0px"},300);
  //setTimeout("document.getElementById('NavContainer').style.marginTop='20px';hideAll();",200);
}
function hideMenu()
{
  resetBlocks();
  $('a.navLink').css({"color":"#333"});
  $('#subNavContainer').fadeOut(200,moveDown);
}

function hideAll(idName){
  $(".subNavBox").css({"display":"none"});
  resetBlocks();
}
function resetBlocks()
{
  $(".navLink").css({"color":"#000"});
  $(".navLink").css({"backgroundPosition":"0 0"});
  $(".navLeft").css({"backgroundPosition":"0 0"});
  $(".navRight").css({"backgroundPosition":"0 0"});
}

function mainDropMenuTimer(id,time,valid,init)
{
  if(valid)
  {
    timeOut = 1;
    currElem = document.getElementById(id);
    if(init)
    {
      if(typeof(hideBoxId) != "undefined")
        clearTimeout(hideBoxId);
      blockOn(id);
    }
    currElem.style.filter='alpha(opacity='+100+')';
    if(!window.attachEvent)
    { 
      currElem.style.opacity=1;
    }
    else
    {
      currElem.style.filter = "alpha(opacity=100)";
    }
    type='fadeOut';
    prop='opacity';
    easing='easeOutExpo';
    end = 0;
//    animateObj = new imAnimate();
 //   hideBoxId = setTimeout("animateObj.animate(currElem, type, prop, easing, end);moveDown();timeOut=0;",time);
  }
  else
  {
    if(typeof(hideBoxId) != "undefined")
      clearTimeout(hideBoxId);
    timeOut = 0;
  }
}

function startDropTimer(elem)
{
  try
  {
    $(elem).css({"display":"block"});
    if(!window.attachEvent)
    {
      $(elem).css({"opacity":"1"});
    }
    else
    {
      $(elem).css({"filter":"alpha(opacity=100)"});
    }
  }
  catch(e){}
}
function cancelTimer(elem)
{
  if($("#NavContainer").css("margin-top") != "25px")
  {
    if( typeof(_timeout) != "undefined")
      clearTimeout(_timeout);
  }

}
function stopDropTimer()
{
  _timeout = setTimeout("hideMenu()",1000);
}