//----------------------------------------
//исходные параметры
//имена файлов сменяющихся имиджей: нормальный, "курсор над", "нажато"
imgSrcPaths = ["images/strel.gif", "images/strel_dn_bl.gif", "images/strel_dn_dark.gif"];
//размеры - здесь для всех трех одинаковые
var imgWidth=9, imgHeight=9;  
//базовое имя элементов меняющих изображение и меняемых имиджей
var baseName="details";
var bsNameLen=baseName.length;
//----------------------------------------

// Загрузка исходных изображений
if (document.images) {
   var imgArrow = new Object();
   imgArrow["norm"] = new Image(imgWidth, imgHeight);
   imgArrow["norm"].src = imgSrcPaths[0];
   imgArrow["hover"] = new Image(imgWidth, imgHeight);
   imgArrow["hover"].src = imgSrcPaths[1];
   imgArrow["select"] = new Image(imgWidth, imgHeight);
   imgArrow["select"].src = imgSrcPaths[2];
}


// Обработчик меняет изображения при наезде на елемент
// елемент должен иметь имя типа "baseName##_???" а соответсвующий рисунок имя типа "baseName##_img" 
//    где
//      baseName - базовое имя, должно соответствовать определеннолму в исходных параметрах, см. выше    
//      ## - порядковый номер рисунка
//      ??? - любое сочетание, например txt
// т.е. например ссылка имеет параметр name="details02_txt", a имидж - name="details02_img", 
// тогда, при наезде и на текстовый элемент и на имидж сменяется имидж details02_img  
function setImage(evt) {
   if (document.images) {
      evt = (evt) ? evt : ((window.event) ? window.event : null);
      if (evt) {
         var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
         if (elem && elem.name)
         if (elem.name.substr(0,bsNameLen) == baseName) {
            switch (evt.type) {
               case "mouseover": document.images[elem.name.substr(0,bsNameLen+2)+"_img"].src = imgArrow["hover"].src; break;
               case "mouseout": document.images[elem.name.substr(0,bsNameLen+2)+"_img"].src = imgArrow["norm"].src; break; 
            }
         }
      }
   }
}

//обработчики событий
document.onmouseover = setImage;
document.onmouseout = setImage;