$(document).ready(function() {
  $('#menutop li a').hover(function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#9c2b7d'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  },function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#ffffff'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  });
  /*
  $('#menutop li a.connected').hover(function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#9c2b7d'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  },function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#ffffff'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  });

  $('#menutop li a.discon').hover(function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#9c2b7d'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  },function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#3f3f3f'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  });

  $('#menutop li a.current').hover(function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#9c2b7d'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  },function(){
    $(this).stop(true, true).animate({
      opacity : 0.2
    }, 200, function(){
      $(this).css({
        color:'#3f3f3f'
      });
    });
    $(this).stop(true, true).animate({
      opacity : 1
    }, 200);
  });
  */
});