//指定したID内のimgのみ対象になります。
function smartOver() {
smartRollover('wrapper');	//ロールオーバーを適用させたい箇所のIDを指定
}
function smartRollover(idName) {
if(document.getElementsByTagName) {
var images = document.getElementById(idName).getElementsByTagName("img");
for(var i=0; i < images.length; i++) {

if(images[i].getAttribute("src").match("_1."))
{
fileName = new Array(images[i].getAttribute("src").replace("_1.", "_2."));
preImages = new Array();
for (j=0; j<fileName.length; j++)
{
preImages[j] = new Image();
preImages[j].src = fileName[j];	 //「_2」の画像をプリロード
}

images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_1.", "_2."));	//マウスオーバーで_1→_2
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_2.", "_1."));	//マウスが離れたら_2→_1
}
}
}
}
}
if(window.addEventListener) {
window.addEventListener("load", smartOver, false);	//実行
}
else if(window.attachEvent) {
window.attachEvent("onload", smartOver);
}
else{
window.onload = smartOver;
}