function getTotalWidth(length) {
	var width = 40;
	for (i=0;i<length;i++) {
		width +=  photoWidths[i]+40;   		
	}
	return width;
}

function buildLinks() {
	var html = '';
	for(i=0;i<photoCount;i++) {
		html += '<a></a>';
	}
	$('#mini').html(html).fadeIn();
	$('#mini a').eq(0).addClass('active');
	$("#mini a").click(function(event) {
		var photo = $(this).prevUntil().length;
		$("#slideshow").animate({scrollLeft: getTotalWidth(photo)-40}, 900);
		highlightMini(photo);
	});
}

function photosLoaded() {
	$('#photos').removeClass('loading');
	$('#photos img').each(function(i) {
		photoWidths[i] = $(this).get(0).clientWidth;
	});
	$('#photos').width(getTotalWidth([photoWidths.length])+'px');
	$('.photo').css({'display':'none','visibility':'visible'}).fadeIn();
	$('.arrow').fadeIn();
	buildLinks();
}

function photoOffset() {
	var offset = -($('#photos').offset().left);
	var num = 0;
	for (x=0;x<photoCount;x++) {
		if (getTotalWidth(x) > offset) {
			num = x;
			break;
		}
	}
	return num;
}

function highlightMini(photo) {
	if (photo < 0) { photo = 0 }
	if (photo >= photoCount) { photo = photoCount-1 }
	$('#mini a').removeClass('active').eq(photo).addClass('active');
}

function photoNext() {
	var photo = photoOffset()+1;
	if (photo < photoCount) {
		$("#slideshow").animate({scrollLeft: getTotalWidth(photo)-40}, 900);
	}
	highlightMini(photo);
}

function photoPrev() {
	var photo = photoOffset()-1;
	if (photo >= 0) {
		$("#slideshow").animate({scrollLeft: getTotalWidth(photo)-40}, 900);
	}
	highlightMini(photo);
}	

function checkKey(e){
	switch (e.keyCode) {
	case 37:
	    photoPrev();
	    break;
	case 39:
	    photoNext();
	    break;
	}      
}

$(document).ready(function(){

	if ($.browser.mozilla) {
	    $(document).keypress (checkKey);
	} else {
	    $(document).keydown (checkKey);
	}
		
});