Самый простой способ сократить, но не гибкий вообще никак.
var ruElem = [], htmlObj = {
c = "<img alt=\"\" src=\"(Картинка1)\" align=\"middle\" height=\"24.333\" width=\"24.6521\"style=\"opacity:0.60;filter:alpha(opacity=60)\">",
s = "<img alt=\"\" src=\"(Картинка2)\" align=\"middle\" height=\"24.333\" width=\"24.6521\"style=\"opacity:0.60;filter:alpha(opacity=60)\">",
ch = "<img alt=\"\" src=\"(картинка3)\" align=\"middle\" height=\"24.333\" width=\"24.6521\">",
sh = "<img alt=\"\" src=\"(Картинка4)\" align=\"middle\" height=\"24.333\" width=\"24.6521\">"
};
function ru ( index ) {
if ( !ruElem.length ) {
for ( var i = 1; i < 6; i++ ) {
ruElem.push( document.getElementById(["Emr","u",""].join(i)) );
}
}
for ( var i = 0, len = ruElem.length; i < len; i++ ) {
ruElem.innerHTML = htmlObj[ (i % 2 ? 's' : 'c') + (i == index : "h" : '') ];
}
};
Использовать так
<div onclick="ru(2)">...