﻿
jQuery(function(){
  
  var menuTitles = jQuery('li.topmenuli');
  var subMenus = jQuery('ul.submenuul');
  var menuItems = jQuery('.submenuli a');
  var titleHeight;
  
  if($.browser.msie)
  {
    titleHeight = jQuery('li.topmenuli:eq(1)').outerHeight();
    subMenus.css({'border': '1px solid #DDDDDD','top': titleHeight,'left':'0px'}); 
  }else{
    titleHeight = jQuery('li.topmenuli:eq(1)').outerHeight();
    subMenus.css({'border': '1px solid #DDDDDD','top': titleHeight,'left':'0px'}).corner('br bl 5px'); 
  }
  
  menuTitles.corner('top 5px');
  
  menuTitles.each(function(index){
    jQuery(this).css('zIndex', 99999999 - index);
  });
  
  menuTitles.each(function(index){
    
    if(index>0)
    {
    
      jQuery(this).hover(
       
        function(){
          

          jQuery(this).css('background-color', '#dddddd');

          jQuery(this).find('ul.submenuul > li > a').animate({'height':'25px'},300);
          jQuery(this).find('ul.submenuul').css({'display':'block'});
        },
        function(){
          
          jQuery(this).css('background-color', '#FFFFFF');

          jQuery(this).find('ul.submenuul > li > a').css('height','0px');
          jQuery(this).find('ul.submenuul').css({'display':'none'});
    
        }
      );
    }
  });
 
  menuItems.css('height','0');
  
  menuItems.hover(
    
    function(){
    jQuery(this).css({'background-color': "#F1F1F1",'text-decoration':'none'});
    },
    function(){
    jQuery(this).css('background-color', "#ffffff");
    }
  );
});
