var gal = {
  init : function() {
    if (!document.getElementById || !document.createElement || !document.appendChild) return false;
    for (a = 1; a < 8; a++){
      if (document.getElementById('gallery' + a)) document.getElementById('gallery' + a).id = ('jgal' + a);
    }
    for (b = 1; b < 8; b++){
      if(document.getElementById('jgal' + b)){
        var li = document.getElementById('jgal' + b).getElementsByTagName('li');
        li[0].className = 'active';
        for (i = 0; i < li.length; i++) {
          //li[i].getElementsByTagName('div')[0].style.backgroundImage = 'url(' + li[i].getElementsByTagName('div')[0].getElementsByTagName('img')[0].src + ')';
          //li[i].getElementsByTagName('div')[0].style.backgroundRepeat = 'no-repeat';
          li[i].title = li[i].getElementsByTagName('div')[0].getElementsByTagName('img')[0].alt;

          gal.addEvent(li[i], 'click', function() {
            var im = this.parentNode.parentNode.getElementsByTagName('li');
            var showcase = this.parentNode.parentNode.getElementsByTagName('div')[0].getElementsByTagName('div');
            showcase[0].innerHTML = this.getElementsByTagName('span')[1].innerHTML;
            showcase[1].innerHTML = this.getElementsByTagName('span')[2].innerHTML;
            showcase[2].innerHTML = this.getElementsByTagName('span')[3].innerHTML;
            for (j = 0; j < im.length; j++) {
              im[j].className = '';
            }
            this.className = 'active';
            
            

          });
        }
      }
    }
  },
  addEvent : function(obj, type, fn) {
    if (obj.addEventListener) {
      obj.addEventListener(type, fn, false);
    }
    else if (obj.attachEvent) {
      obj["e" + type + fn] = fn;
      obj[type + fn] = function() {
        obj["e" + type + fn](window.event);
      }
      obj.attachEvent("on" + type, obj[type + fn]);
    }
  }
}