function startThumbnails()
{
	$('#screenshots').append('<div id="thumbnails"></div>');
	loadThumbnails();
}

function getAdjustedLocation()
{
	var loc = getLocation();
	
	if (loc == null || $('#subnav li a#' + loc + '_link').length == 0) {
		loc = $('#subnav li a:first').attr('id').replace(/_link/i, '');
	}
	
	return loc;
}

function loadThumbnails()
{
	var loc = getAdjustedLocation();
	var i;
	
	// variable 'screenshots' is available from the panel
	
	if (loc != null && screenshots.length > 0) {
		for (i = 0; i < screenshots.length; i++) {			
			$('#thumbnails').append('<a href="#"><img src="/images/screenshots/' + loc + '/thumbs/' + screenshots[i] + '.jpg" id="' + screenshots[i] + '" alt="Screenshot" /></a>');
			
			if (i == 0) {
				$('#thumbnails a').addClass('here');
			}
		}
		
		$('#thumbnails').append('<div class="clear"></div>')
	}
	
	$('#thumbnails a').click(function(i) {
		featureThumbnail($(this));
		return false;
	});
	
	$('#thumbnails a:first').addClass('first');
}

function featureThumbnail(link)
{
	var id = $(link).find('img').attr('id');
	var loc = getAdjustedLocation();

	$('#thumbnails a').removeClass('here');
	
	$('#feature img').attr('src', '/images/screenshots/' + loc + '/' + id + '.jpg');
	$('#thumbnails a img#' + id).parent().addClass('here');
}