$(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 li').hover(function() {
        $(this).animate({ paddingLeft: '25px' }, fadeDuration);
      }, function() {
        $(this).animate({ paddingLeft: '10px' }, fadeDuration);
     });


	
	  
});