function prepImage(){ var objImages = document.images; for(var i = 0; i < objImages.length; i++){ if (objImages[i].src.indexOf("_off") > 0){ objImages[i].onMouseover=imageOver; alert("Images onmouseover event: " + objImages[i].onMouseover); } } } function imageOver(srcElement){ //var srcElement = window.event.srcElement; var imageName_off = ""; var imageName_on = ""; if (srcElement.tagName == "IMG") { if (srcElement.src.indexOf("_off") > 0){ imageName_off = srcElement.src.split("/")[srcElement.src.split("/").length-1]; imageName_on = imageName_off.replace("_off", "_on"); str_NewImage = srcElement.src.replace(imageName_off, imageName_on); srcElement.src = str_NewImage; } } } function imageOff(srcElement){ //var srcElement = window.event.srcElement; var imageName_off = ""; var imageName_on = ""; if (srcElement.tagName == "IMG") { if (srcElement.src.indexOf("_on") > 0){ imageName_on = srcElement.src.split("/")[srcElement.src.split("/").length-1]; imageName_off = imageName_on.replace("_on", "_off"); str_NewImage = srcElement.src.replace(imageName_on, imageName_off); srcElement.src = str_NewImage; } } } function swapBg(srcElement){ var sourceBGImage = srcElement.className; var replacementBGImage = ""; if (sourceBGImage.indexOf("on_") > -1) { replacementBGImage = sourceBGImage.replace("on_", "off_"); } else if (sourceBGImage.indexOf("off_") > -1) { replacementBGImage = sourceBGImage.replace("off_", "on_"); } srcElement.className = replacementBGImage; } /*document.onload = prepImage(); document.onmouseover = imageOver(); document.onmouseout = imageOff();*/