var gal = {  
  init : function() {
    if (!document.getElementById || !document.createElement || !document.appendChild) return false;
    if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
    var li = document.getElementById('jgal').getElementsByTagName('li');
    var galImage = document.getElementById('galImage');
    var galTitle = document.getElementById('galTitle');
    var galDescription = document.getElementById('galDescription');
    li[0].className = 'active';
    for (i=li.length-1; i>=0; i--) {
    
      galImage.getElementsByTagName('img')[0].src = li[i].getElementsByTagName('img')[0].src;
      galTitle.innerHTML = li[i].getElementsByTagName('img')[0].alt;
      galDescription.innerHTML = li[i].getElementsByTagName('img')[0].title;
      
      li[i].title = li[i].getElementsByTagName('img')[0].alt;
      gal.addEvent(li[i],'click',function() {
        var im = document.getElementById('jgal').getElementsByTagName('li');
        for (j=0; j<im.length; j++) {
          im[j].className = '';
        }
        document.getElementById('galImage').getElementsByTagName('img')[0].src = this.getElementsByTagName('img')[0].src;
        document.getElementById('galTitle').innerHTML  = this.getElementsByTagName('img')[0].alt;
        document.getElementById('galDescription').innerHTML  = this.getElementsByTagName('img')[0].title;
 
        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]);
    }
  }
}

gal.addEvent(window,'load', function() {
 gal.init();
});