código que no funciona en safari (en firefox y explorer si) ¿por qué?

[elignorante]

tengo el siguiente código para hacer que una capa con imágenes tenga un desplazamiento horizontal al pinchar en un botón (cuando pincho una imagen (flecha.jpg) una serie de imágenes en una capa contenedor se desplazan, dejando ver unas y sacando otras al overflow:hidden)

scrollStep=1
timerLeft=""
timerRight=""


function scrolliz(id){
clearTimeout(timerRight)
document.getElementById(id).scrollLeft+=scrollStep
timerRight=setTimeout("scrolliz('"+id+"')",10)
}


function scrollderch(id){
clearTimeout(timerLeft)
document.getElementById(id).scrollLeft-=scrollStep
timerLeft=setTimeout("scrollderch('"+id+"')",10)
}


function pinchascroll(valor){
scrollStep=valor
}

function parar(){
clearTimeout(timerRight)
clearTimeout(timerLeft)
}


lo he probado en firefox y en explorer y funciona muy bien, pero un amigo que tiene un mac ha intentado ver la página y nada, en el safari no funciona el desplazamiento. Antes de insertar este código la página le funcionaba (tenía otro pequeño javascript) por lo que pienso que es problema del código, no suyo.

¿qué le pasa?

¿no cumple el standar? ¿el safari no reconoce las llamadas que hace?

por favor, si me pudierais decir qué le pasa o qué hago mal...

por cierto, el código está modificado de uno original Created by: Mr J | http://www.huntingground.net (lo pongo porque es distribución libre, pero no se si hay que nombrar al autor)