var currentStart=5;
var currentEnd=4;

function moveLeft()
{
    if(imageArray.length == 0)
    {
        return;
    }
    if((currentStart) >= (imageArray.length))
    {
        return;
    }
    else
    {
        var tempStart = currentStart;
        for(var i=0;i<4;i++)
        {
            if(imageArray.length>tempStart+i)
            {
                document.getElementById("li"+i).innerHTML=imageArray[tempStart+i];
                currentStart=currentStart+1;
                currentEnd=currentEnd+1;
            }
            else
            {
                document.getElementById("li"+i).innerHTML ="<img src=\"/images/no-bank-image.jpg\">";
            }
        }
        if(document.getElementById("rightArrow").style.display =="none")
        {
            document.getElementById("rightArrow").style.display="block";
        }
        if((currentStart) >= (imageArray.length))
        {
            document.getElementById("leftArrow").style.display="none";
            if(document.getElementById("rightArrow").style.display =="none")
            {
                document.getElementById("rightArrow").style.display="block";
            }
        }
    }
}
function moveRight()
{
    if(imageArray.length == 0)
    {
        return;
    }
    if(currentStart == 0)
    {
        return;
    }
    var tempStart=currentStart;
    var j=1;
    for(var i=3;i>=0;i--)
    {
        if(tempStart-j>=0)
        {
            document.getElementById("li"+i).innerHTML=imageArray[tempStart-j];
            currentStart--;
            j++;
        }
        else
        {
            document.getElementById("li"+i).innerHTML ="<img src=\"/images/no-bank-image.jpg\">";
        }
    }
    if(document.getElementById("leftArrow").style.display =="none")
    {
        document.getElementById("leftArrow").style.display="block";
    }
    if(currentStart == 0)
    {
        document.getElementById("rightArrow").style.display = "none";
        if(document.getElementById("leftArrow").style.display =="none")
        {
            document.getElementById("leftArrow").style.display="block";
        }
    }
}