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 + ')';*/

/* per visualizzare le miniature complete ho sostituiro la stringa commentata sopra con questo codice
che utiliza a  creazione delle thumb di wipy*/
var str = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
var reg = /width=([0-9]+)\&height=([0-9]+)/gi;

if(str.match(reg)) {
	li[i].style.backgroundImage = str.replace(reg, "width=62&height=62");
}
else {
	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();
});