tabbed scrolling in custom jquery slider
<p>I wrote a custom image gallery slider in jquery.  I used a floated layout in a fixed width wrapper, 
so there is no explicit positioning in my CSS. There are typically about 20 images in the image 
container div ("scrollRow") and only 7 of them are shown at any one time within the display div ("rowCont").
I'm using left/right hover buttons to modify "marginLeft" (on "scrollRow") for horizontal scrolling.
I'm having trouble with the keyboard (tabbed) navigation (each tab keydown selects the next image to the right).
When the image at the far right is tabbed the whole display moves to the left to allow the next image to show. However, the sliding movement to the left that occurs when an image is tabbed doesn't appear to modify the "marginLeft" value or the "left" value (it remains at its default as "auto").</p>

<p>My code works correctly when a mouse is used to navigate.</p>

<p>Does anyone know which horizontal value gets modified when tabbing in a slider?</p>

<pre><code>&lt;div id="rowCont"&gt;
    &lt;div style="margin-left: 0px; width: 2400px;" id="scrollRow"&gt;
        &lt;a id="thmb0" class="thmbCont" onfocus="setScrollRowMargin(0)"&gt; 
            &lt;img id="img0" class="thmbImg" src="pic1.jpg"&gt;
        &lt;/a&gt;
        &lt;a id="thmb1" class="thmbCont" onfocus="setScrollRowMargin(1)"&gt; 
            &lt;img id="img1" class="thmbImg" src="pic2.jpg"&gt;
        &lt;/a&gt;
        &lt;a id="thmb2" class="thmbCont" onfocus="setScrollRowMargin(2)"&gt; 
            &lt;img id="img2" class="thmbImg" src="pic3.jpg"&gt;
        &lt;/a&gt;
        etc....
    &lt;/div&gt;
&lt;/div&gt;


function setScrollRowMargin(elemid){
    if(elemid &gt; 7){
        var tabMargLeft = (-(elemid - 7) * 120).toString()
            $("#scrollRow").css("marginLeft", tabMargLeft + "px");
    } else {
        $("#scrollRow").css("marginLeft", "0px");
    }

    showPic(elemid);
}
</code></pre>
