$(document).ready(function(){
  // make all thumbnails lighter
  $('img.thumb').fadeTo(100, 0.4);
  // make normal color while hovering thumbnails
  $('img.thumb').mouseover(function(){
    $(this).fadeTo(150, 1.0);
  })
  // return to light color on mouseout
  $('img.thumb').mouseout(function(){
    $(this).fadeTo(150, 0.4);
  })
  // scroll thumbnails
  $('#gallery').galleryScroll({
    btPrev: 'a.prev',
    btNext: 'a.next',
    holderList: '.gallery-holder',
    slideNum: '#handles'
  });
  // rotate sentences
  $("#sentences").newsTicker();
});

function selectImage(obj) {
  // get reference to big image node
  var img = document.getElementById('big');
  // get reference to title node
  var otitle = document.getElementById('title');
  // get reference to technique node
  var otechnique = document.getElementById('technique');
  // get reference to size node
  var osize = document.getElementById('size');
  // get src attribute of the current thumbnail
  var src = obj.getAttribute('src');
  // split thumbnaul's alt attribute into three parts
  var reParts = /^(.+?)\/(.+?)\/(.+?)$/;
  reParts.test(obj.getAttribute('alt'));

  // create and insert new title
  var ntitle = document.createElement('div');
  ntitle.setAttribute('id', 'title');
  ntitle.appendChild(document.createTextNode(RegExp.$1));
  otitle.parentNode.replaceChild(ntitle, otitle);

  // create and insert new technique
  var ntechnique = document.createElement('div');
  ntechnique.setAttribute('id', 'technique');
  ntechnique.appendChild(document.createTextNode(RegExp.$2));
  otechnique.parentNode.replaceChild(ntechnique, otechnique);

  // create and insert new size
  var nsize = document.createElement('div');
  nsize.setAttribute('id', 'size');
  nsize.appendChild(document.createTextNode(RegExp.$3));
  osize.parentNode.replaceChild(nsize, osize);
  
  // insert new image
  img.setAttribute('src', src.replace(/\/tn_/, '/'));
}