var current_image = 0;

function update_images() {
	$("#portfolio-images img").remove();

	$("#portfolio-images").append( '<a href="/portfolio' + images[ current_image     ] + '" target="_blank"><img src="' + images[ current_image     ] + '" alt="3D Portfolio ' +   current_image       + '" border="0" /></a> ' );
	$("#portfolio-images").append( '<a href="/portfolio' + images[ current_image + 1 ] + '" target="_blank"><img src="' + images[ current_image + 1 ] + '" alt="3D Portfolio ' + ( current_image + 1 ) + '" border="0" /></a> ' );

	if ( current_image == 0 ) {
		$("#scroll-left").css({ visibility:"hidden" });
	}
	else {
		$("#scroll-left").css({ visibility:"visible" });
	}

	if ( current_image == images.length - 2 ) {
		$("#scroll-right").css({ visibility:"hidden" });
	}
	else {
		$("#scroll-right").css({ visibility:"visible" });
	}
}

$(document).ready(function(){
	update_images();

	$("#scroll-left").click( function() {
		if ( current_image == 0 ) {
			return;
		}

		current_image--;

		$("#portfolio-images img:last").animate({
			opacity: 0
		}, update_images );
	});

	$("#scroll-right").click( function() {
		if ( current_image == images.length - 2 ) {
			return;
		}

		current_image++;

		$("#portfolio-images img:first").animate({
			opacity: 0
		}, update_images );
	});
});