// JavaScript Document

function showHide(theid){
  if (document.getElementById(theid).style.display == 'block') {
    document.getElementById(theid).style.display = 'none';
  }
  else {
    document.getElementById(theid).style.display = 'block';
  }
}

function slideit(){
  //if browser does not support the image object, exit.
  if (!document.images)
    return
    if (step < slides)
    step++
  else
    step = 1
  document.images.slide.src=eval("image"+step+".src")
  
  //call function "slideit()" every 3.5 seconds
  slideShow = setTimeout("slideit()",3500)
}

function nextPicture() {

   if (step == slides) { step = 1; }
   else { step++ }
   document.images.slide.src=eval("image"+step+".src")
   clearTimeout(slideShow)
}

function previousPicture() {

   if (step == 1) { step = slides; }
   else { step--; }
   document.images.slide.src=eval("image"+step+".src")
   clearTimeout(slideShow)
}
function pause() {
  clearTimeout(slideShow)
}

function play() {
  slideShow = setTimeout("slideit()",2500)
}

function replace_with_dark_image(id, dir) {
  document.getElementById('main_wide_photo').style.display = 'none'
  document.getElementById('main_photo').style.display = 'block'
  document.getElementById(id).src = dir + '/images/thumnails_top/' + id + '.jpg';
  document.getElementById('photo').src = dir + '/images/big_images/' + id + '.jpg'
}

function replace_with_dark_wide_image(id, dir) {
  document.getElementById(id).src = dir + '/images/thumnails_top/' + id + '.jpg'
  document.getElementById('wide_photo').src = dir + '/images/big_images/' + id + '.jpg'
  document.getElementById('main_photo').style.display = 'none'
  document.getElementById('main_wide_photo').style.display = 'block'
}

function replace_navigation_image(id, newSrc) {
  document.getElementById(id).src = newSrc
}