var scrollInterval;
var i=0;
var j = 0;
var scTo = 0;
var currentImage = 1;
var isRunning = false;
function ScrollDivLeft(divId, scLength) {
    if (isRunning == true) {
        return;
    }
        clearInterval(scrollInterval);
        if (parseInt(scLength) <= 1) {
            return;
        }
        else {
            scLength = (((document.getElementById('DivPlayers').scrollWidth) - 580) / (scLength - 1)) * 1;
        }
        setImagesL();
        j = 0;
        scTo = 0;
        //alert((parseInt(document.getElementById(divId).style.overflow) - 571));
        if ((parseInt(document.getElementById(divId).scrollLeft) - scLength < 0)) {
            scTo = parseInt(document.getElementById(divId).scrollLeft);
        }
        else {
            scTo = scLength;
        }
        
        isRunning = true;
        scrollInterval = setInterval("scrollToLeft('"+divId+"')", 2);
        
    }

    function ScrollDivRight(divId, scLength) {
        if (isRunning == true) {
            return;
        }
        clearInterval(scrollInterval);
        if (parseInt(scLength) <= 1) {
            return;
        }
        else {
            setImagesR(scLength);
            scLength = (((document.getElementById('DivPlayers').scrollWidth) - 580) / (scLength - 1)) * 1;

            //alert(scLength);
        }
       
        i = 0;

        scTo = 0;
        if ((parseInt(document.getElementById(divId).scrollLeft)) > document.getElementById(divId).scrollWidth - scLength) {
           scTo = parseInt(document.getElementById(divId).scrollWidth) - parseInt(document.getElementById(divId).scrollLeft);            
        }
        else {
            scTo = scLength; 
        }

        isRunning = true;
        scrollInterval = setInterval("scrollToRight('" + divId + "')", 2);
    }

function scrollToLeft(divId) {   
    if (j <= scTo) {
        document.getElementById(divId).scrollLeft = document.getElementById(divId).scrollLeft - 10;
        j += 10;
    }
    else {
        isRunning = false;
        clearInterval(scrollInterval);
    }
}

function scrollToRight(divId) {
   

    
    if (i<=scTo) {
        document.getElementById(divId).scrollLeft = document.getElementById(divId).scrollLeft + 10;
        i += 10;
        
    }
    else {
        isRunning = false;
        clearInterval(scrollInterval);
    }
}

function showImage(src)
{
document.getElementById("bigimage").src="images/" + src;
}


function setImagesL() {
    if (currentImage == 1) {
        //alert('beg');
        //return;
    }
    else {
        currentImage--;
    }
    setImages();
}

function setImagesR(scLength1) {
    if (currentImage == scLength1) {
        //alert('end');
        //return;
    }
    else {
        currentImage++;
    }
    setImages(scLength1);
}

function setImages(scLength2) {
if (currentImage == scLength2) {
        //alert('12');
        document.getElementById('btnScRight').src = 'images/Ittiam_allocades_arrow_right_BW.png';
    }
    else {
        document.getElementById('btnScRight').src = 'images/Ittiam_allocades_arrow_right.png';
    }


    if (currentImage == 1) {
        //alert('12');
        document.getElementById('btnScLeft').src = 'images/Ittiam_allocades_arrow_left_BW.png';
    }
    else {
        document.getElementById('btnScLeft').src = 'images/Ittiam_allocades_arrow_left.png';
    }
}