var images = document.getElementById("scrollingThumbnailsThumbnailsWrapper").getElementsByTagName("div");
var count = images.length - 1;            
var thumbWidth = 175;

var btnMoveLeft = document.getElementById("btnMoveLeft");
var btnMoveRight = document.getElementById("btnMoveRight");
var leftFreeze = true;
var rightFreeze = false;

function MoveRight()
{
    if(rightFreeze == false)
    {
		btnMoveLeft.src = "/controls/usercontrols/modules/miscellaneous/spg/images/btn_more_left.jpg";
		btnMoveLeft.style.visibility = "visible";
		btnMoveLeft.style.cursor = "pointer";
		leftFreeze = false;
    
        for (var i = 0; i < images.length; i++)
        {
            var left = (images[i].style.left.replace("px", "") - thumbWidth - 25);
            images[i].style.left = left + "px";

            if(i == count)
            {
                if(images[count].style.left == "0px")
                {
                    rightFreeze = true;
                    btnMoveRight.src = "/controls/usercontrols/modules/miscellaneous/spg/images/btn_more_right_disabled.jpg";
                    btnMoveRight.style.cursor = "auto";
                }
            }
        }
    }
}

function MoveLeft()
{
    if(leftFreeze == false)
    {
		btnMoveRight.src = "/controls/usercontrols/modules/miscellaneous/spg/images/btn_more_right.jpg";
		rightFreeze = false;
		btnMoveRight.style.cursor = "pointer";
    
        for (var i = 0; i < images.length; i++) 
        { 
            var left = ((images[i].style.left.replace("px", "") * 1) + thumbWidth + 25);
            images[i].style.left = left + "px";

            if(i == 0)
            {
                if(images[0].style.left == "0px")
                {
                    leftFreeze = true;
                    btnMoveLeft.src = "/controls/usercontrols/modules/miscellaneous/spg/images/btn_more_left_disabled.jpg";
                    btnMoveLeft.style.cursor = "auto";
                }
            }
        }
    }
}