var PixelsToMove = 100; // How many pixels to move each iteration
var dealerSpeed = 0; // How fast to execute each iteration in milliseconds
var pixelsPerClick = 480;
var leftTime, rightTime; // Timeout containers
var leftEdgeOfThumbLayer = 0; // The value of the left edge of the thumbnail layer (current or sliding toward)
var currentTopLeftThumb = 0; // Current visible top left thumbnail 

/* Slide thumbnails to right - called by leftButton() */
function MoveRight() 
{
    if (leftTime) clearTimeout(leftTime);
    var ele = document.getElementById('divScrollStrip');
    if (parseInt(ele.style.left) < leftEdgeOfThumbLayer) 
	{
        if (parseInt(ele.style.left) + PixelsToMove > leftEdgeOfThumbLayer) {
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (rightTime) clearTimeout(rightTime);
        } 
		else 
		{
            ele.style.left = (parseInt(ele.style.left)+PixelsToMove) + 'px';
            rightTime = setTimeout("MoveRight()",dealerSpeed);
        }
    } 
	else if (rightTime) 
	{
        clearTimeout(rightTime);
    }
}
/* Slide thumbnails to left - called by rightButton() */
function MoveLeft() 
{
    if (rightTime) clearTimeout(rightTime);
    var ele = document.getElementById('divScrollStrip');
    if (parseInt(ele.style.left) > leftEdgeOfThumbLayer) 
	{
        if (parseInt(ele.style.left) - PixelsToMove < leftEdgeOfThumbLayer) 
		{
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (leftTime) clearTimeout(leftTime);
        } 
		else 
		{
            ele.style.left = (parseInt(ele.style.left)-PixelsToMove) + 'px';
            leftTime = setTimeout("MoveLeft()",dealerSpeed);
        }
    } 
	else if (leftTime) 
	{
        clearTimeout(leftTime);
    }
}
/* Handle click of Left button */
function leftButton()
{    
    var ele = document.getElementById('divScrollStrip');
    if (currentTopLeftThumb - pageSize >= 0) {
        currentTopLeftThumb -= pageSize;
        leftEdgeOfThumbLayer += pixelsPerClick;
        MoveRight();
    }
    setArrows();
}

/* Handle click of Right button */
function rightButton()
{
   var ele = document.getElementById('divScrollStrip');
    if (currentTopLeftThumb + pageSize < (totalPages * pageSize)) 
	{
        currentTopLeftThumb += pageSize;
        leftEdgeOfThumbLayer -= pixelsPerClick;
        MoveLeft();
    }
    setArrows();
}
 // Manage arrow image states - on or off 
function setArrows() 
{
   	var leftArrow = document.getElementById('leftArrow');
    var rightArrow = document.getElementById('rightArrow');

    if (currentTopLeftThumb + 1 <= (totalPages * pageSize) - pageSize) 
	{
        document.images['dealerRightArrowImg'].src = '/images/dealer/right_on.gif';
        rightArrow.className = 'onArrow';
    } 
	else
	{
        document.images['dealerRightArrowImg'].src = imgRight_Off.src;
        rightArrow.className = 'offArrow';
    }
	
    if (currentTopLeftThumb > 0) 
	{
        document.images['dealerLeftArrowImg'].src = imgLeft_On.src;
        leftArrow.className = 'onArrow';                
    } 
	else 
	{
        document.images['dealerLeftArrowImg'].src = '/images/dealer/left_off.gif';
        leftArrow.className = 'offArrow';
    }
}