Hjælp til javascript scrollbar

Hej
Jeg har lavet det der javascript som looper igemmen et array og viser alt 3 billedere, hvis array kommer ubound så starter det forfra så det virker som om at den kører i ring...
Men når jeg klikker til højre så laver scriptet noget sjovt, det virker som om at den fucker når jeg kører min check funktion, men anden gang man klikker på højre så kører den fint...

Så det jeg sprøg om, er der en som kan se en fejl eller en som kender et script som kan det samme, som jeg så kan bruge?!
<script language="javascript">
    var _billedArray = Array();
    var _zoneIndex = 0;
    _billedArray[0] = new Array();
    _billedArray[0][0] = "/files/images/zone1.jpg";
    _billedArray[0][1] = "/";
    _billedArray[1] = new Array();
    _billedArray[1][0] = "/files/images/zone2.jpg";
    _billedArray[1][1] = "/via26.html";
    _billedArray[2] = new Array();
    _billedArray[2][0] = "/files/images/zone3.jpg";
    _billedArray[2][1] = "/";
    _billedArray[3] = new Array();
    _billedArray[3][0] = "/files/images/zone4.jpg";
    _billedArray[3][1] = "/";
   
    function Flyt(FlytTil)
    {
        _zoneIndex += FlytTil;
       
        CheckIndex();
        document.frm.zone1value.value = _zoneIndex;
        document.images["zone1"].src=_billedArray[_zoneIndex][0];
        document.getElementById("zone1link").href = _billedArray[_zoneIndex][1];
       
        _zoneIndex = _zoneIndex+1;
        CheckIndex();
        document.frm.zone2value.value = _zoneIndex;
        document.images["zone2"].src=_billedArray[_zoneIndex][0];
        document.getElementById("zone2link").href = _billedArray[_zoneIndex][1];
       
        _zoneIndex = _zoneIndex+1;
        CheckIndex();
        document.frm.zone3value.value = _zoneIndex;
        document.images["zone3"].src=_billedArray[_zoneIndex][0];
        document.getElementById("zone3link").href = _billedArray[_zoneIndex][1];
    }
    function CheckIndex()
    {
        if(_zoneIndex > _billedArray.length-1)
        {
            _zoneIndex = 0;
        }
       
        if(_zoneIndex < 0)
            _zoneIndex = _billedArray.length-1;
    }
</script>
<form name="frm">
    <input type="text" name="zone1value" /><br>
    <input type="text" name="zone2value" /><br>
    <input type="text" name="zone3value" /><br>
</form>
<a href="#" id="zone1link"><img src="/files/images/zone1.jpg" id="zone1" /></a><a href="/via26.html" id="zone2link"><img src="/files/images/zone2.jpg" id="zone2" /></a><a href="#" id="zone3link"><img src="/files/images/zone3.jpg" id="zone3" /></a>
<div id="zonerotater">
            <a href="java script:Flyt(1);"><img src="/files/images/arrow_red_left.gif" alt="Left" id="zonerotaterbuttonleft" /></a>
            <a href="java script:Flyt(-1);"><img src="/files/images/arrow_red_right.gif" alt="Right" id="zonerotaterbuttonright" /></a>
</div>