$(document).ready(function(){
//	верхнее меню на синем фоне...					   
  var lev_1_f_a = $(".top-menu .level-1 a:first");
  var lev_2_f_a = $(".top-menu .level-2 a:first");
  var lev_1_f_li = $(".top-menu .level-1 li:first");
  var lev_2_f_li = $(".top-menu .level-2 li:first");
  
  var lev_1_l_a = $(".top-menu .level-1 a:last");
  var lev_2_l_a = $(".top-menu .level-2 a:last");
  var lev_1_l_li = $(".top-menu .level-1 li:last");
  var lev_2_l_li = $(".top-menu .level-2 li:last");
	
  // set offset for different browsers...
  if(jQuery.browser.msie){
	  offset = 0;
	  }
  else{
	  offset = 1;
	  }
 // ...set offset for different browsers 
 


  if (lev_1_f_li.hasClass("active") && lev_1_f_a.innerWidth() < lev_2_f_a.innerWidth()){
     lev_2_f_li.css({ backgroundPosition:lev_1_f_a.innerWidth() / 2 - offset + "px 0"});
  }else{
     lev_2_f_li.css({ backgroundPosition:lev_2_f_a.innerWidth() / 2 + "px 0"});
  }
  lev_2_l_li.css({ backgroundPosition:"50% 0"});

/*
// Для случая когда у крайних пунктов второго уровня кружочки расположены по краям
lev_2_f_a.css({ backgroundPosition:"0 0"});
lev_2_l_a.css({ backgroundPosition:"100% 0"});
*/	
/*
    $(".top-menu .level-2 li").hover(
    function(){
	  $(this).addClass(" active")// при наведении мышки на пункт меню -- добавляем класс active...
	},
	function(){
      $(this).removeClass(" active"); // ...и убираем
	  }
	);
*/

//	...верхнее меню на синем фоне	
});