var nbItems = 0;
    var firstToDisplay = 1;
    var teamItemWidth = 415;
    var teamItemSpace = 6;
    var objViewPort;
    var slide_speed = 15;
    var slide_offset = 75;
    var current_offset = -50;
    var scrollTo = 0;

    var currentItem = 1;
    var nextItem = 1;   
    var isLocked = false;

    function onLoad_Team(){
        
        objViewPort = $('teamScroll');

        if (firstToDisplay > 1) {nextItem = firstToDisplay;}
        if (nextItem >= nbItems) { nextItem = nbItems - 1;}

        moveViewPort(false);

        if (nbItems > 2) {
            Event.observe('arrowNext', "click", goNext);
            Event.observe('arrowPrevious', "click", goPrevious)
        }
    }


    function moveViewPort(blnAnimate){
        if (nextItem > 1) {
            scrollTo = -((nextItem - 1) * (teamItemWidth + teamItemSpace)); 
        } else {
            scrollTo = 0; 
        }
        animateScroll(blnAnimate);
    }

    function animateScroll(blnAnimate){
        if (blnAnimate) {
            setTimeout(move_scroll, slide_speed);
            //objViewPort.style.marginLeft = scrollTo;
        } else {
            objViewPort.style.marginLeft = scrollTo + 'px';
            updateArrows();
        }
    }

    function move_scroll(){
        var currentScrollPosition = parseInt(objViewPort.style.marginLeft);

        if (current_offset < 0) {

            if (currentScrollPosition + current_offset > scrollTo) {
                objViewPort.style.marginLeft = currentScrollPosition + current_offset + 'px';
                isLocked = true;
                setTimeout(move_scroll, slide_speed);
            } else {
                objViewPort.style.marginLeft = scrollTo + 'px';
                isLocked = false;
            }
        } else {
            if (currentScrollPosition + current_offset < scrollTo) {
                objViewPort.style.marginLeft = currentScrollPosition + current_offset + 'px';
                isLocked = true;
                setTimeout(move_scroll, slide_speed);
            } else {
                objViewPort.style.marginLeft = scrollTo + 'px';
                isLocked = false;
            }
        }
    }

    function goNext(){
        if (isLocked) {return false;}
        if (nextItem < nbItems - 1) {
            nextItem = nextItem + 1;
            current_offset = - slide_offset;
            moveViewPort(true);
        }

        updateArrows();

    }

    function goPrevious(){
        
        if (isLocked) {return false;}
        if (nextItem > 1) {
            nextItem = nextItem - 1;
            current_offset = slide_offset;
            moveViewPort(true);
        }
        updateArrows();
    }

    function updateArrows(){
        if (nbItems <= 2) {

            $('arrowNext').className = 'nOff';
            $('arrowNext').src = '/images/team2/arrow-right-off.gif';
            $('arrowPrevious').className = 'pOff';
            $('arrowPrevious').src = '/images/team2/arrow-left-off.gif';

        } else if (nextItem == nbItems - 1) {
            $('arrowNext').className = 'nOff';
            $('arrowNext').src = '/images/team2/arrow-right-off.gif';
            $('arrowPrevious').className = 'pOn';
            $('arrowPrevious').src = '/images/team2/arrow-left-on.gif';

        } else {
            $('arrowNext').className = 'nOn';
            $('arrowNext').src = '/images/team2/arrow-right-on.gif';
            if (nextItem > 1) {
                $('arrowPrevious').className = 'pOn';
                $('arrowPrevious').src = '/images/team2/arrow-left-on.gif';
            } else {
                $('arrowPrevious').className = 'pOff';
                $('arrowPrevious').src = '/images/team2/arrow-left-off.gif';
            }
        }
    }

    Event.observe(window, "load", onLoad_Team)