Javascript - найти при прокрутке до конца страницы - firefox

Question

У меня есть div, который содержит несколько картинок, используя javascript и прокручиваю в этом div влево и вправо, моя проблема в том, что по какой-то причине в Firefox значения отличаются от Chrome (работает нормально):

function scroll_right()
    {
        document.getElementById('left').style.opacity='1';
        document.getElementById('left').style.filter='alpha(opacity=100)';
        document.getElementById('scroller').scrollLeft+=PixelPerInterval;
        if(!stop)
        t = setTimeout("scroll_right()",10);
        else
        stop = false;
        scrX = document.getElementById('scroller').scrollLeft;
        pwidth=document.getElementById('cont').clientWidth;
        awidth=document.getElementById('cont').scrollWidth;
        //document.getElementById('type').innerHTML = scrX + ' ' + (awidth-pwidth);
        if ((scrX) >= (awidth-pwidth))
        {
            //type.innerHTML = scrX + ' right';
            document.getElementById('right').style.opacity='0.4';
            document.getElementById('right').style.filter='alpha(opacity=40)';
        }
    }

с помощью scroll_left это просто, просто scrX = 0. Внешний контейнер называется скроллером, его ширина фиксирована, а внутренний контейнер называется конт, и его ширина не устанавливается пользователем, поэтому можно вводить неограниченное количество изображений.

Есть идеи? (без использования jquery).

Большое спасибо.

Кстати, HTML-код:

            <img src="left.png" id="left" onmouseover="scroll_left();" onmouseout="stop_scroll();"/>
            <div id="scroller">
                <div id="cont">
                    <a onclick="main(this);" href="#"><img class="thumb" id="persp" src="sport/911-persp.png" alt="persp"/></a>
                    <a onclick="main(this);" href="#"><img class="thumb" id="side" src="sport/911-side.png" alt="side"/></a>
                    <a onclick="main(this);" href="#"><img class="thumb" id="front" src="sport/911-front.png" alt="front"/></a>
                </div>
            </div>
            <img src="right.png" id="right" onmouseover="scroll_right();" onmouseout="stop_scroll();"/>