Замена img src через .hover
 

Есть конструкция следующего вида:

$(document).ready(function(){

$("#mainpage").hover(
function(){
$("#menumap").attr("src","/img/menumap_1_hover.png");
},
function(){
$("#menumap").attr("src","/img/menumap.png");
}
);
$("#services").hover(
function(){
$("#menumap").attr("src","/img/menumap_2_hover.png");
},
function(){
$("#menumap").attr("src","/img/menumap.png");
}
);

});

Подскажите, каким образом можно её упростить, чтобы под каждый id портянку кода не писать?

Pro-Pain,

// menumap_mainpage_hover.png, menumap_services_hover.png и т.д.
$(function() {
	$("#mainpage,#services").hover(function() {
		$("#menumap").attr("src", "/img/menumap_"+this.id+"_hover.png");
	}, function() {
		$("#menumap").attr("src", "/img/menumap.png");
	});
});

Спасибо, работает =)