iProject = 0;
nbProjects = 0;
iView = 0;
nbViews = 0;

function displayProject(iProject) {
    nbProjects = aPortfolio.length;

    iView = 0;
    nbViews = aPortfolio[iProject].length;

    sDivImage = '<img src="/images/'+aPortfolio[iProject][iView]+'" alt="" width="700" height="430" />';
    if (aPortfolio[iProject]['url'] != undefined && aPortfolio[iProject]['url'] != '') {
        sDivImage = '<a href="'+aPortfolio[iProject]['url']+'" target="_blank">'+sDivImage+'</a>';
    }
    document.getElementById('image').innerHTML = sDivImage;

    document.getElementById('description').innerHTML = aPortfolio[iProject]['texte'];
    if (nbViews > 1) {
        document.getElementById('nav').innerHTML = '<a href="javascript:nextView('+iProject+');" style="background-image:url(/images/'+(iView+1)+'-'+nbViews+'.gif);">&nbsp;</a>';
    } else {
        document.getElementById('nav').innerHTML = '&nbsp;';
    }

    if (nbProjects > 1) {
        if (iProject == 0) {
            iPreviousProject = (nbProjects-1);
        } else {
            iPreviousProject = iProject - 1;
        }
        if (iProject == (nbProjects-1)) {
            iNextProject = 0;
        } else {
            iNextProject = iProject + 1;
        }

        descriptionHTML = '<table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="javascript:displayProject('+iPreviousProject+');" class="arrow" style="background-image:url(/images/arrow-previous.gif);">&nbsp;</a></td><td style="padding-top:2px;">';

        for (n = 1 ; n <= nbProjects ; n++) {
            linkClass = '';
            if ((n-1) == iProject) {
                linkClass = 'class="active"';
            }

            descriptionHTML += '<a href="javascript:displayProject('+(n-1)+');" '+linkClass+'>'+n+'</a>';

            if (n < nbProjects) {
                descriptionHTML += ' - ';
            }
        }

        descriptionHTML += '</td><td><a href="javascript:displayProject('+iNextProject+');" class="arrow" style="background-image:url(/images/arrow-next.gif);">&nbsp;</a></td></tr></table>';

        document.getElementById('description').innerHTML += descriptionHTML;
    }
}

function nextView(iProject) {
    if (iView == (nbViews-1)) {
        iView = 0;
    } else {
        iView++;
    }
    document.getElementById('nav').innerHTML = '<a href="javascript:nextView('+iProject+');" style="background-image:url(/images/'+(iView+1)+'-'+nbViews+'.gif);">&nbsp;</a>';

    sDivImage = '<img src="/images/'+aPortfolio[iProject][iView]+'" alt="" width="700" height="430" />';
    if (aPortfolio[iProject]['url'] != undefined && aPortfolio[iProject]['url'] != '') {
        sDivImage = '<a href="'+aPortfolio[iProject]['url']+'" target="_blank">'+sDivImage+'</a>';
    }
    document.getElementById('image').innerHTML = sDivImage;
}