var timeout = 200;
var closetimer = 0;
var ddmenuitem = '';

// open hidden layer
function mopen(id) {
    // cancel close timer
    //mcancelclosetime();

  function showMenu(){
    $('#'+id).stop();
    $('#'+id).css('display','block');
    //$('#'+id+' a').css('display','inline');

    ddmenuitem =id;
    
    $('#'+id+'_bg').stop().animate({
      height: '100%'
      }, 150, function() {
        if(!$.browser.msie)
        {
         $('#'+id+' a').animate({
              opacity: 1
          }, 150, function() { ddmenuitem =id; }); 
        }
        else
        {
          $('#'+id+' a').css('display','inline');
          ddmenuitem =id;
        } 
    }); 
  }

    // close old layer
    if (ddmenuitem != '' && ddmenuitem != id) 
    {
      //ddmenuitem.style.visibility = 'hidden';
      mclosetime(ddmenuitem);
      showMenu();
    }
    else
    {
      if ( ddmenuitem == id) 
      {
        mcancelclosetime();
      }
      else
      {
        showMenu();
      }
    }

    // get new layer and show it
    //ddmenuitem = document.getElementById(id);
   // ddmenuitem.style.visibility = 'visible';
    
    
   
    

}
// close showed layer
function mclose(menuid) {
    if (menuid != '') 
    {
      //$('#'+ddmenuitem).css('visibility','hidden');
      
      if($.browser.msie)
      {
         $('#'+menuid+' a').css('display','none');
         $('#'+menuid+'_bg').stop().animate({
              height: '0'
              }, 150, function() {
              if(ddmenuitem== menuid)
              {
                ddmenuitem= '';
              }
              $('#'+menuid).css('display','none');
          });
      }
      else
      {
        $('#'+menuid+' a').animate({
          opacity: 0
          }, 150, function() { 
          $('#'+menuid+'_bg').stop().animate({
              height: '0'
              }, 150, function() {
               if(ddmenuitem== menuid)
                {
                  ddmenuitem= '';
                }
                 $('#'+menuid).css('display','none');
                 //$('#'+menuid+' a').css('display','none');
          });
          }); 
       }
    }
}

// go close timer
function mclosetime(menuid) {
    closetimer = window.setTimeout('mclose(\''+menuid+'\')', timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;