var images = new Array();
var imageSelected = 0;

/* prevent console log errors */

$(function() {
/*
  var timelineLeft = $('.timelines').offset().left;
  var lastbarLeft = $('.line5').offset().left;
*/
  if (document.location.href.match("/etusivu")) {
    showImage(0);
  }
});

function addImage (src, info, caption) {
  image = new Object();
  image.src = src;
  image.info = info;
  image.caption = caption;
  images.push(image);
}

function prevImage () {
  if (imageSelected < images.length - 1) {
    imageSelected++;
    showImage(imageSelected);
  }
}

function nextImage () {
  if (imageSelected > 0) {
    imageSelected--;
    showImage(imageSelected);
  }
}

function showImage (imageSelected) {
  if (imageSelected == 0)
    $(".imageViewer .navi a.next").css({visibility: "hidden"});
  else
    $(".imageViewer .navi a.next").css({visibility: "visible"});

  if (imageSelected == images.length - 1)
    $(".imageViewer .navi a.prev").css({visibility: "hidden"});
  else
    $(".imageViewer .navi a.prev").css({visibility: "visible"});

  var imageObject = images[imageSelected];

  // $("#image").fadeOut("fast");
  $("#image").hide();

  //document.getElementById('image').src = imageObject.src;
  $("#image").attr({src: imageObject.src});

  //document.getElementById('info').innerHTML = imageObject.info;
  $("#caption").html(imageObject.caption);
  $("#info").html(imageObject.info);


  // $("#image").fadeIn("fast");
  $("#image").show();

  $('#image').css({margin: "0 auto"});
}