左侧菜单切换后小图标跟随变化成选中的图标

不同的图标，切换时候变化：

我给左侧灰色图标起名XX，鼠标选中后变白的图标相对应的叫：hua_XX

$(function() {

	//左侧
	var lib = $(".libg");
	var imgurl = $(lib).find('img').attr('src');
	var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
	var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 1);
	var url = str1 + "hua_" + str2;
	$(lib).find('img').attr('src', url);
	$('.leftArea ul li').click(function() {
		
		$('.leftArea ul li').removeClass("libg");
		var alla = $('.leftArea ul li');
		for (var i = 0; i < $(alla).length; i++) {
			var imgurl = $(alla[i]).find('img').attr('src');
			
			var url = "";
			if(imgurl.indexOf("hua_")>0){
				var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
				var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 5);
				url = str1+str2;
			}else{
				url = imgurl; 
			}
			$(alla[i]).find('img').attr('src', url);
		}
		$(this).addClass("libg");
		var imgurl = $(this).find('img').attr('src');
		var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
		var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 1);
		var url = str1 + "hua_" + str2;

		$(this).find('img').attr('src', url);
	
	});
	$('.leftArea ul li').hover(function() {

		$(this).addClass('hoverlibg');
		$(this).siblings().removeClass('hoverlibg');
	}, function() {
		$(this).removeClass('hoverlibg');
	});
});