var $j = jQuery.noConflict();
var timeout    = 0;
var closeTimer = 0;
var visibleItem = 0;

function init()
{  resetTime();
   resetAll();
   visibleItem = $j(this).find('ul').css('visibility', 'visible');
}

function dropSubmenu()
{  resetTime();
   resetAll();
   visibleItem = $j(this).find('ul').css('visibility', 'visible');
   $j(this).addClass('dropped');
   $j('.dropped > a').css('color', '#FFFFFF').removeClass('selected');
}

function resetAll()
{  
   if(visibleItem) {visibleItem.css('visibility', 'hidden')};
}

function resetSubmenu()
{
   $j('.drop > a').css('color', '#000000');
   $j('#selected').css('color', '#FFFFFF').addClass('selected');
   $j('#bamenu > li.drop').removeClass('dropped');
}

function resetTimer()
{  
  closeTimer = window.setTimeout(resetAll, timeout);
}

function resetTime()
{  if(closeTimer)
   {  
      window.clearTimeout(closeTimer);
      closeTimer = null;
   }
}

$j(document).ready(function() {
// tabs ready
$j('#welcomeTabs > ul').tabs({ fx: { opacity: 'toggle' } });

// menu ready
$j('#bamenu > li').bind('mouseover', init);
$j('#bamenu > li').bind('mouseout',  resetTimer);
$j('#bamenu > li.drop').bind('mouseover', dropSubmenu);
$j('#bamenu > li.drop').bind('mouseout', resetSubmenu);
//document.onclick = resetAll;
});