$(document).ready(function() {
  $('#menu .sb').mouseover(function(){
    if( !$(this).hasClass('smenu') ) {
      $(this).addClass('smenu');
      //$(this).children('.submenu').css('display', 'block');
      $(this).children('.submenu').css('visibility', 'visible');
    }
  });
  $('#menu .sb').mouseout(function(){
    if( $(this).hasClass('smenu') ) {
      $(this).removeClass('smenu');
      //$(this).children('.submenu').css('display', 'none');
      $(this).children('.submenu').css('visibility', 'hidden');
    }
  });
  
  $('#cur_sel').mouseover(function(){
    $(this).hide();
    $('#cur_sel_sub').show();
    
    $('.menu_1pxln_top').each(function(){
      $(this).width( $(this).parent().width()-2 );
    });
    
    $('.menu_1pxln_bottom').each(function(){
      $(this).width( $(this).parent().width()-2 );
    });
  });

  $('#cur_sel_sub').mouseleave(function(){
    $(this).hide();
    $('#cur_sel').show();
  });

  
  $('.menu_1pxln_top').each(function(){
    $(this).width( $(this).parent().width()-2 );
  });
  
  $('.menu_1pxln_bottom').each(function(){
    $(this).width( $(this).parent().width()-2 );
  });
  
  /*var pxTop = $('.menu_1pxln_top');
  pxTop.width(pxTop.parent().width()-2);
  
  var pxBottom = $('.menu_1pxln_bottom');
  pxBottom.width(pxBottom.parent().width()-2);*/


  
  

  $('#menu2').children('li').each(function(index) {
    if( $(this).children('ul.children').hasClass('children') ) {
      var itemWidth = parseFloat($(this).css('padding-left')) + parseFloat($(this).css('padding-right'));
      $(this).children('ul.children').width($(this).width() + itemWidth);
      
    }
  });

  $('#menu2 .childs_lvl1').mouseover(function(){
    if( !$(this).hasClass('sel') ) {
      $(this).addClass('sel');
      //$(this).children('.menu_bg_left').css('display', 'block');
      //$(this).children('.menu_bg_right').css('display', 'block');
      $(this).children('.menu_1px_tl').css('display', 'block');
      $(this).children('.menu_1px_tr').css('display', 'block');
      $(this).children('.menu_1px_bl').css('display', 'block');
      $(this).children('.menu_1px_br').css('display', 'block');
    }
    
    if( $(this).children('ul.children').hasClass('children') ) {
      $(this).children('ul.children').show();
      $(this).addClass('sel_nobg');

      $(this).children('.menu_1px_bl').css('display', 'none');
      $(this).children('.menu_1px_br').css('display', 'none');
    }
  });
  $('#menu2 .childs_lvl1').mouseout(function(){
    if( !$(this).hasClass('curr') ) {
      $(this).removeClass('sel');
      //$(this).children('.menu_bg_left').css('display', 'none');
      //$(this).children('.menu_bg_right').css('display', 'none');
      $(this).children('.menu_1px_tl').css('display', 'none');
      $(this).children('.menu_1px_tr').css('display', 'none');
      $(this).children('.menu_1px_bl').css('display', 'none');
      $(this).children('.menu_1px_br').css('display', 'none');
    }
    
    if( $(this).children('ul.children').hasClass('children') ) {
      $(this).children('ul.children').hide();
      $(this).removeClass('sel_nobg');
      
      $(this).children('.menu_1px_bl').css('display', 'block');
      $(this).children('.menu_1px_br').css('display', 'block');
    }    
  });

});