var current_thumbnail_index = 0;
var full_image_filenames = [];  /* set later by inline javascript */


function select_thumbnail(index) {
  var portrait_img = document.getElementById('user_portrait');
  var image_filename = full_image_filenames[index];
  if(image_filename) {
    portrait_img.setAttribute('src', image_filename);
    document.getElementById('thumbnail_cell_' + current_thumbnail_index).className = '';
    current_thumbnail_index = index;
    document.getElementById('thumbnail_cell_' + current_thumbnail_index).className = 'current';
  }
}


function select_next_thumbnail() {
  select_thumbnail((current_thumbnail_index + 1) % full_image_filenames.length);
}


function select_previous_thumbnail() {
  select_thumbnail((current_thumbnail_index - 1 + full_image_filenames.length) % full_image_filenames.length);
}


function show_all_thumbnails() {
  var fieldset = document.getElementById('more_photos');
  fieldset.className = fieldset.className.replace(/collapsed/, '');
}