
var scrollInterval;
var i=0;
var j = 0;
var scTo = 0;
function ScrollDivLeft(divId, scLength) {
        clearInterval(scrollInterval);
        if (parseInt(scLength) <=1) {
            return;
        }
        else {
            scLength = (((document.getElementById('DivPlayers').scrollWidth) - 300) / (scLength - 1)) * 1;
        }
        
        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;
        }
        
        scrollInterval = setInterval("scrollToLeft('"+divId+"')", 10);
        
    }

function ScrollDivRight(divId,scLength) {
        clearInterval(scrollInterval);
        if (parseInt(scLength) <= 1) {
            return;
        }
        else {
            scLength = (((document.getElementById('DivPlayers').scrollWidth) - 300) / (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; 
        }

        scrollInterval = setInterval("scrollToRight('" + divId + "')", 10);
    }

function scrollToLeft(divId) {   
    if (j <= scTo) {
        document.getElementById(divId).scrollLeft = document.getElementById(divId).scrollLeft - 10;
        j += 10;
    }
    else {
        clearInterval(scrollInterval);
    }
}

function scrollToRight(divId) {
   

    
    if (i<=scTo) {
        document.getElementById(divId).scrollLeft = document.getElementById(divId).scrollLeft + 10;
        i += 10;
        
    }
    else {
        clearInterval(scrollInterval);
    }
}

function showImage(src)
{
document.getElementById("bigimage").src="images/" + src;
}


