var dealerPixelsToMove = 8; // How many pixels to move each iteration
var dealerSpeed = 0; // How fast to execute each iteration in milliseconds
var dealerPixelsPerClick = 507; // How far to move layer on each click
var dealerLefttime,dealerRighttime; // 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 dealerMoveRight() 
{
    if (dealerLefttime) clearTimeout(dealerLefttime);
    var ele = document.getElementById('thumbRow');
    if (parseInt(ele.style.left) < leftEdgeOfThumbLayer) 
	{
        if (parseInt(ele.style.left) + dealerPixelsToMove > leftEdgeOfThumbLayer) {
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (dealerRighttime) clearTimeout(dealerRighttime);
        } 
		else 
		{
            ele.style.left = (parseInt(ele.style.left)+dealerPixelsToMove) + 'px';
            dealerRighttime = setTimeout("dealerMoveRight()",dealerSpeed);
        }
    } 
	else if (dealerRighttime) 
	{
        clearTimeout(dealerRighttime);
    }
}
/* Slide thumbnails to left - called by rightButton() */
function dealerMoveLeft() 
{
    if (dealerRighttime) clearTimeout(dealerRighttime);
    var ele = document.getElementById('thumbRow');
    if (parseInt(ele.style.left) > leftEdgeOfThumbLayer) 
	{
        if (parseInt(ele.style.left) - dealerPixelsToMove < leftEdgeOfThumbLayer) 
		{
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (dealerLefttime) clearTimeout(dealerLefttime);
        } 
		else 
		{
            ele.style.left = (parseInt(ele.style.left)-dealerPixelsToMove) + 'px';
            dealerLefttime = setTimeout("dealerMoveLeft()",dealerSpeed);
        }
    } 
	else if (dealerLefttime) 
	{
        clearTimeout(dealerLefttime);
    }
}
/* Handle click of Left button */
function leftButton()
{    
    var ele = document.getElementById('thumbRow');
    if (currentTopLeftThumb - 4 >= 0) {
        currentTopLeftThumb -= 4;
        leftEdgeOfThumbLayer += dealerPixelsPerClick;
        dealerMoveRight();
        document.getElementById('dealerPagingStatus').innerHTML = '<strong>' + (currentTopLeftThumb + 1) + '-' + (((currentTopLeftThumb + 4) < totalImgCount) ? currentTopLeftThumb + 4 : totalImgCount) + ' of ' + totalImgCount + '<\/strong>';

    }
    setArrows();
}

/* Handle click of Right button */
function rightButton()
{
   var ele = document.getElementById('thumbRow');
    if (currentTopLeftThumb + 4 < (pages * 4)) 
	{
        currentTopLeftThumb += 4;
        leftEdgeOfThumbLayer -= dealerPixelsPerClick;
        dealerMoveLeft();
         document.getElementById('dealerPagingStatus').innerHTML = '<strong>' + (currentTopLeftThumb + 1) + '-' + (((currentTopLeftThumb + 4) < totalImgCount) ? currentTopLeftThumb + 4 : totalImgCount) + ' of ' + totalImgCount + '<\/strong>';
    }
    setArrows();
}
 // Manage arrow image states - on or off 
function setArrows() 
{
   	var leftArrow = document.getElementById('dealerLeftArrow');
    var rightArrow = document.getElementById('dealerRightArrow');

    if (currentTopLeftThumb + 1 <= (pages * 4) - 4) 
	{
        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';
    }
}