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 firstElementImage = li[0].getElementsByTagName('img')[0];
					//document.getElementById('gallery_view').innerHTML = '<img src="'+firstElementImage.src+'">';
					//var destImage = document.getElementById('gallery_view').getElementsByTagName('img')[0];
					var destImage = document.getElementById('shown_image');
					destImage.src = firstElementImage.src; 
					
					for (i=0; i<li.length; i++) {
						var img = li[i].getElementsByTagName('img')[0];
						img.style.display = "none";
						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 = '';
							} 
							 
							var sourceImg = this.getElementsByTagName('img')[0];
							//var destImage = document.getElementById('gallery_view').getElementsByTagName('img')[0];
							var destImage = document.getElementById('shown_image');
							destImage.src = sourceImg.src; 
							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();
		});