This script works in IE but not in Firefox

I wonder why this script for zooming the icons/images works flawlessly in Internet Explorer, but fails to do anything in Firefox. any idea? :confused:


here's the code for the script i'm using:


function setZoom(img, dir, width, height, margin, zIndex, delay) {
setTimeout(function() {
if (img.dir==dir) {
img.style.width=width;
img.style.height=height;
img.style.margin=margin;
img.style.zIndex=zIndex;
img.parentNode.parentNode.style.zIndex=zIndex;
}
}, delay);
}

function larger(img, width, height) {
img.dir='rtl';
now=parseInt(img.style.zIndex);
for (i=now+1; i<=10; i++) {
w=(width*(10+i))/20+'px';
h=(height*(10+i))/20+'px';
m=(-i)+'px 0 0 '+(-width*i/40)+'px';
setZoom(img, 'rtl', w, h, m, i, 20*(i-now));
}
}

function smaller(img, width, height) {
img.dir='ltr';
now=parseInt(img.style.zIndex);
for (i=now-1; i>=0; i--) {
w=(width*(10+i))/20+'px';
h=(height*(10+i))/20+'px';
m=(-i)+'px 0 0 '+(-width*i/40)+'px';
setZoom(img, 'ltr', w, h, m, i, 20*(now-i));
}
}


here is its working link for internet explorer: http://www.almurtazaschool.com/zoomcheck.php

it works as a beauty in IE, but i wonder what's the reason its not working in firefox. (i don't have sufficient knowledge about JScript).

thanks :)

You need to change this line in the "larger" and "smaller" functions:
now=parseInt(img.style.zIndex);with this:
if(!img.style.zIndex){
now=0;
}
else{
now=parseInt(img.style.zIndex);
}Because when the element doesn't have a z-Index in Firefox parseInt(img.style.zIndex) equates to 'NaN' instead of 0 as it does in IE so the code in the for loop never gets run in Firefox.