$(document).ready(function(){

 $("#header ul li").not("#header ul li.active, #header ul li ul li").hover(function() {
			$(this).find("a").before("<span class=\"menu_l\"></span>").after("<span class=\"menu_r\"></span>");
 }, function(){ $("#header ul li").not("#header ul li.active, #header ul li ul li").find("span").removeClass('menu_l').removeClass('menu_r'); }
 );
 $('#header ul li').hover(function(){ $(this).addClass('hover'); }, function(){ $(this).removeClass('hover'); });
 $('#header ul li.active').find("a").before("<span class=\"menu_l\"></span>").after("<span class=\"menu_r\"></span>");

        $('#header ul li ul, #header ul li ul li ul').hide(); //chowamy podpunkty

        $('#header ul > li').hover(function(){ //Po kliknięciu dużego punktu:

                $(this).siblings('li').children('ul').hide(100); //chowamy podpunkty nieklikniętych dużych punktów

                $(this).siblings('li').children('ul').children('li').children('ul').hide(100); //chowamy podpunkty podpunktów nieklikniętych dużych punktów

                $(this).children('ul').toggle(100); //pokazujemy lub ukrywamy (w zależności od obecnego stanu) podpunkty klikniętego dużego punktu

        });

});