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');
 li[0].className = 'active';
  for (i=0; i<li.length; i++) {
   li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
   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 = '';
  }
 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();
  });