need help with JavaScript code

hello everybody,

I need to modify java code, but i can`t do it by myself, so any help is higly appreciated...

Problem presentation:
you can view it: www.nornat.net/nornat2/index.php
header icon menu, 4 images that get bigger on mouseOver

Problem itself:
I don`t want images to be enlarged and shifted, but just substituted with
the image of the same size(different color) without any shifts.

Code:

var arr_w; var arr_img; var arr_img_small; var arr_img_big; var arr_img_temp; anim_change=1.2; anim_int = 20; curr_img=0; var title; notDone=0; baseOpacity = 30; var activeimg=null; var isIE; var ia=0; var icon_small=32; var icon_big=71; var small_size=0.5; var icon_padding=0; var timeoutID = 0; function iconmenu_over(imgid){ curr_img=imgid; //setOpacity (arr_img[imgid], 100); timeoutID = setTimeout("animation()",20); //animation (); } function iconmenu_out(imgid){ curr_img=0; //setOpacity (arr_img[imgid], 50); timeoutID = setTimeout("animation()",30) //animation (); } function iconmenu_init(){ var menuicon = document.getElementById ('ja-iconmenu'); var imgs = menuicon.getElementsByTagName ('IMG'); arr_w=new Array(imgs.length); arr_img=new Array(imgs.length); arr_img_big=new Array(imgs.length); arr_img_small=new Array(imgs.length); arr_img_temp=new Array(imgs.length); isIE = imgs[0].filters ? true:false; if (isIE) isIE = (document.all && !window.opera && window.XMLHttpRequest) ? false : true; //icon_small = Math.round(icon_big * small_size); //if (isIE) anim_change = Math.round(anim_change/1.5); for(var j=1;j<arr_w.length;j++){ arr_w[j]=icon_small; arr_img[j]=imgs[j]; if (imgs[j].className == "active") { activeimg = imgs[j]; ia = j; } var imgsrc = imgs[j].src; if (isIE) { imgsrc = imgs[j].style.filter; if (imgsrc) imgsrc = imgsrc.match (new RegExp("src='([^']*)'"))[1]; } arr_img_small[j] = imgsrc; arr_img_big[j] = imgsrc.substr (0, imgsrc.length - 4) + '-big' + imgsrc.substr(imgsrc.length - 4, 4); arr_img_temp[j] = new Image(); arr_img_temp[j].src = arr_img_big[j]; } title=document.getElementById('ja-imageTitle'); timeoutID = setTimeout("animation()",anim_int); } function animation(){ if (timeoutID) clearTimeout(timeoutID); var l=0; var la = 0; for(var i=1;i<arr_w.length;i++){ if(curr_img!=i){ if(arr_w[i]>icon_small){ arr_w[i]-=anim_change; if(arr_w[i]<=icon_small){ arr_w[i]=icon_small; if (isIE) { arr_img[i].style.filter = "progid :mrgreen: XImageTransform.Microsoft.AlphaImageLoader(src='"+arr_img_small[i]+"', sizingMethod=scale)"; }else arr_img[i].src = arr_img_small[i]; } arr_img[i].style.height=arr_w[i] + "px"; arr_img[i].style.width=arr_w[i] + "px"; notDone=1; } //setOpacity (arr_img[i], Math.round(arr_w[i]*100/icon_big)); if (i<curr_img) l+=arr_w[i] if (i<ia) la+=arr_w[i] } } if(curr_img!=0&&arr_w[curr_img]<icon_big){ imageElem=arr_img[curr_img]; if (isIE) { imageElem.style.filter = "progid :mrgreen: XImageTransform.Microsoft.AlphaImageLoader(src='"+arr_img_big[curr_img]+"', sizingMethod=scale)"; }else imageElem.src = arr_img_big[curr_img]; arr_w[curr_img]+=anim_change; notDone=1; if(arr_w[curr_img]>icon_big){ arr_w[curr_img]=icon_big } l+=Math.floor(arr_w[curr_img]/2); imageElem.style.height=arr_w[curr_img] + "px"; imageElem.style.width=arr_w[curr_img] + "px"; //setOpacity (imageElem, Math.round(arr_w[curr_img]*100/icon_big)); var left = 0; title.innerHTML = imageElem.alt; if (title.style.display == "none") { left = l - icon_big/2 + icon_padding * 2 * (curr_img-1); title.style.left = left + "px"; title.style.display = "block"; } left = Math.floor(l-title.offsetWidth/2) + icon_padding * 2 * (curr_img-1); title.style.left = left + "px"; //title.style.top = (icon_big - imageElem.height) + "px"; } if (!curr_img) { /* if (activeimg) { //title.style.display = "none"; la+=Math.floor(arr_w[ia]/2); title.innerHTML = activeimg.alt; var left = Math.floor(la-title.offsetWidth/2); title.style.left = left + "px"; title.style.top = (menu_height - title.offsetHeight - icon_small) + "px"; if (ia == (arr_img.length-1)) { if (activeimg.offsetWidth > icon_small) { title.right = document.getElementById('ja-menuicon').offsetWidth; } } title.style.display = "block"; } else */ title.style.display = "none"; } if(notDone){ timeoutID = setTimeout("animation()",anim_int); notDone=0 } } jaAddEvent (window, 'load', iconmenu_init); function setOpacity (img, opac){ if (!img || img.className == "active") return; if (!isIE) img.style.MozOpacity=opac/100 }
[ July 14, 2007: Message edited by: Bear Bibeault ]

Welcome to JavaRanch.

This has nothing to do with JSPs, so I'm moving it to the HTML/JavaScript forum.

As Ulf pointed out, this is JavaScript code, not Java. Despite its name, JavaScript has nothing to do with Java.

I have changed the title of this post accordingly.