$(document).ready(function() {
  $('#right-menu ul li a').append('<span class="bg"></span>');
  $('#right-menu ul li').find('span').css('opacity', 0);
  
  $('#right-menu ul li').hover(
    function() {
      $(this).find('span').fadeTo(200, 0.3);
    },
    function() {
      $(this).find('span').fadeTo(200, 0);
    }  
  );
  
  $('#left-menu ul li').append('<span class="bg"></span>');
  
  $("#left-menu > ul > li > span").attr("style", function () {
    return 'height: '+$(this).parent().height()+'px';
  });

  $('#left-menu > ul > li > span').css('opacity', 0);

  
  $('#left-menu ul li a[class!=eng]').append('<span class="bg"></span>');  
  
  $("#left-menu ul li a[class!=eng] span").attr("style", function () {
    return 'height: '+$(this).parent().height()+'px';
  });

  $('#left-menu ul li').find('span').css('opacity', 0);  
  
  /*
  $('#left-menu ul li').hover(
    function() {
      $(this).children('span:last').fadeTo(200, 0.1);
    },
    function() {
      $(this).children('span:last').fadeTo(200, 0);
    }  
  );
  */
  //$('#left-menu ul li a').hover(
  $('#left-menu ul li').hover(
    function() {
      $(this).find('span').fadeTo(200, 0.1);
    },
    function() {
      $(this).find('span').fadeTo(200, 0);
    }  
  );
});