/**
 * index.js
 */

function indicateCurrentSlide(slide) {
	// var slide is 0 based.
	var maxSlideIndex = photos - 1;
	var previousSlide = slide - 1;
	if (previousSlide < 0) {
		previousSlide = maxSlideIndex;
	}
	
	if (slide > firstVisibleIndex + maxVisibleCount - 1) {
	    slideLeft();
	}
	
	if (slide < firstVisibleIndex) {
	    slideFirst();
	}
	
	$('UL#thumbsList LI#thumb'+previousSlide+' IMG').removeClass('currentThumb');
	$('UL#thumbsList LI#thumb'+slide+' IMG').animate({ opacity: '.45' }, 500, function (){
	    $(this).animate({
	        opacity: '1.0',
	        backgroundColor: '#1F3A4F'
	    }, 500);
	}).addClass('currentThumb');
}

function slideLeft() {
    $('UL#thumbsList').animate({
            marginLeft: '-=90px'
    });
    firstVisibleIndex++;
}

function slideFirst() {
    $('UL#thumbsList').animate({
            marginLeft: '0px'
    });
    firstVisibleIndex = 0;
}