jQuery(function ($) {
     var timeout;
    // zacetek, nastavi zacetnega
    var active = $('ul.SubMenu.active');
    var barva =  active.parent().find('a.MM').attr("rel");
    active.parent().find('a.MM').css('backgroundImage','url(imgs/themes/'+barva+'_gumbmenu.png)');
    active.css('backgroundImage','url(imgs/themes/'+barva+'_podmenu.jpg)');
    active.show();

    // hover itd
    $('ul.MainMenu').delegate('a.MM','hover', function (e)
     {


       $('ul.SubMenu').hide();
       var barva = $(this).attr("rel");
       var sub =  $(this).parent().find("ul.SubMenu");
       sub.show();
       sub.css('backgroundImage','url(imgs/themes/'+barva+'_podmenu.jpg)');
       $('ul.SubMenu').parent().find('a.MM').css({ backgroundImage: '' });
       $(this).css('backgroundImage','url(imgs/themes/'+barva+'_gumbmenu.png)');
       clearTimeout(timeout);
    });


    $('.Header').delegate('ul.MainMenu','mouseleave', function (e)
     {
      timeout = setTimeout( function()
      {
         $('ul.SubMenu:not(.active)').hide();
         $('ul.SubMenu.active').show();
         $('ul.SubMenu:not(.active)').parent().find('a.MM').css({ backgroundImage: '' });
         var active = $('ul.SubMenu.active');
          var barva =  active.parent().find('a.MM').attr("rel");
          active.parent().find('a.MM').css('backgroundImage','url(imgs/themes/'+barva+'_gumbmenu.png)');
      }, 2500);
     });

});