///////////////////////////////////////////////// slideshow.js /////////////////////////////////////////////////////////
// This file contains the functions necessary to create a slideshow with thumbnails                                   //
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


// initializes slideshow
window.onload = function () {
   // get all links
   var links = document.getElementsByTagName("img");
   for (var i = 0; i < links.length; i++) {
      if(links[i].className == 'thumbnail') {
         links[i].onmouseover = function() { this.style.borderColor = '#2871E8'; this.style.cursor = 'pointer'; }
         links[i].onmouseout = function() { this.style.borderColor = '#484C50'; }
         links[i].onclick = function() {
            swapImage(this.getAttribute('src'));
            return false;
         }
      }
   }
}


// swaps old image with new one
function swapImage(src)
{
   document.getElementById('slide').setAttribute('src', src);
}