var obj=null;
function checkHover(){
	if(obj){
		obj.find('ul').animate({opacity:"hide",top:"25"},"fast");
		}
}

$(document).ready(function() {
					
					
// for the effect at the user1 user2 position at the bottom

var fadeDuration = 150; //time in milliseconds
 $('#bottom li a').prepend("<span></span>");
 
      $('#bottom li a').hover(function() {
        $(this).animate({ paddingLeft: '25px' }, fadeDuration);
        $(this).children('span').show().animate({ left: 5 }, fadeDuration);
      }, function() {
        $(this).animate({ paddingLeft: '5px' }, fadeDuration);
        $(this).children('span').animate({ left:-15 }, fadeDuration).fadeOut(fadeDuration);          
      });
	  $('.rightwrapper ul.menu a').hover(function() {
        $(this).animate({ paddingLeft: '25px' }, fadeDuration);
      }, function() {
        $(this).animate({ paddingLeft: '5px' }, fadeDuration);
     });

<!--animated sublevel effect-->

	$("#nav ul.menu li").hover(function() {
		if(obj){
			obj.find('ul').animate({opacity:"hide",top:"25"},"fast");
			obj=null;
			}
			$(this).find('ul').animate({opacity:"show",top:"48"},"fast");
		},function(){
			obj=$(this);
			setTimeout(
				"checkHover()",
				0);
			});
	

	
	  
});