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].style.backgroundRepeat = 'no-repeat';
   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();
});