var j = jQuery.noConflict( ) 
j(function() {
	j('.side_block li').css( {backgroundPosition: "-15px center"} )
		.mouseenter(function(){
			j("a",this).animate(
				{backgroundPosition:"0px center"}, 
				{duration:100})
		})
		.mouseleave(function(){
			j("a",this).stop().animate(
				{backgroundPosition:"-15px center"}, 
				{duration:300})
		})

	j('.bottom_modules a')
		.css( {backgroundPosition: "-297px 0px"} )
		.mouseenter(function(){
			console.log ("hover");
			j(this).animate(
				{backgroundPosition:"0px 0px"}, 
				{duration:100})
		})
		.mouseleave(function(){
			j("a",this).stop().animate(
				{backgroundPosition:"-15px center"}, 
				{duration:300})
		})
	
	}

);