function moveTable(dir,amount)
{
    var xPosScroller = findHPos($('imageScroller'));
    var xPosHolder = findHPos($('thumbsLeft'));
    var scrollerWidth = $('imageGrid').getWidth();
    var textPosition = findHPos($('textRight'));
    var newPos = xPosScroller + scrollerWidth + amount;
    switch(dir)
    {
        case 'left':
            if((xPosScroller + amount > xPosHolder + 1))
            {
                $('leftButton').replace('<button type="button" id="leftButton" disabled="disabled" onclick="moveTable(\'left\',' + amount + ')">&nbsp;</button>');
            }
            $('rightButton').replace('<button type="button" id="rightButton" onclick="moveTable(\'right\',' + (amount * -1) + ')">&nbsp;</button>');
            break;
        case 'right':
            $('leftButton').replace('<button type="button" id="leftButton" onclick="moveTable(\'left\',' + (amount * -1) + ')">&nbsp;</button>');
            if(newPos <= textPosition + 5)
            {
                $('rightButton').replace('<button type="button" id="rightButton" disabled="disabled" onclick="moveTable(\'right\',' + amount + ')">&nbsp;</button>');
            }
            break;
    }

    if((xPosScroller + amount) > (xPosHolder + 1))
    {
        amount = 0;
    }

    new Effect.Move('imageScroller', {
        x: amount,
        y: 0,
        mode: 'relative',
        duration: 0.25
    });
}

function findHPos( oElement ) {
    if( typeof( oElement.offsetParent ) != 'undefined' ) {
        for( var posX = 0; oElement; oElement = oElement.offsetParent ) {
            posX += oElement.offsetLeft;
        }
        return posX;
    } else {
        return oElement.x;
    }
}