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'; 
		
		var imD = document.getElementById("imagedisplay");
		imD.className="imagedisplayactive";
		imD.getElementsByTagName('img')[0].src=li[0].getElementsByTagName('img')[0].src;
		imD.getElementsByTagName('span')[0].innerHTML=li[0].getElementsByTagName('img')[0].alt;
		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'; 
				imD.getElementsByTagName('img')[0].src=this.getElementsByTagName('img')[0].src;
				imD.getElementsByTagName('span')[0].innerHTML=this.getElementsByTagName('img')[0].alt;
			}); 
		} 
	}, 
	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(); 
});