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 caption = document.getElementById('caption');
		caption.innerHTML = li[0].getElementsByTagName('img')[0].alt;
		for (i=0; i<li.length; i++) {
			tn_src = li[i].getElementsByTagName('img')[0].src.replace("large", "small");
			li[i].style.backgroundImage = 'url(' + tn_src + ')';
			li[i].title = li[i].getElementsByTagName('img')[0].alt;
			gal.addEvent(li[i],'mouseover',function() {
				var caption = document.getElementById('caption');
				caption.innerHTML = this.getElementsByTagName('img')[0].alt;
				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();
});