// JScript File

var iCurrent = 0;

function ShowSlides()
{
    TargetObj = document.getElementById("OffersSlideBalk");
    InnerObj = '';
    
    for(i = iCurrent + 1; i < 4 + iCurrent; i++)
    {
        if(i >= ImagesArray.length)
        {
            iDisplay = i - ImagesArray.length;
        }
        else
        {
            iDisplay = i;
        }
        
        if(i == (iCurrent + 1)) //Eerste foto
        {
            sMargin = '0 3px 0 0';
        }
        else if(i == (iCurrent + 5)) // Laatste foto
        {
            sMargin = '0 0 0 3px';
        }
        else
        {
            sMargin = '0 3px 0 3px';
        }
        
        InnerObj += '<a href="javascript:DisplayPicture(' + iDisplay + ')"><img src="' + ThumbLoc + ImagesArray[iDisplay] + '" style="margin:' + sMargin + '" border="0" alt="foto" /></a>';
    } 
    
    TargetObj.innerHTML = InnerObj;
           
}

function NextPicture()
{
    iCurrent--;
    
    if(iCurrent < 0)
    {
        iCurrent = ImagesArray.length - 1;
    }
    
    ShowSlides();
}

function PrevPicture()
{
    iCurrent++;
    
    if(iCurrent >= ImagesArray.length)
    {
        iCurrent -= ImagesArray.length;
    }
    
    ShowSlides();
}

function DisplayPicture(i)
{
    iCurrent = i;
    
    ShowSlides();
}