window.onload = function(){
	init_gallery();
}
var G_items;
var G_here;
function init_gallery(){
	var root = $("photogallery");
	if(!root){
		return false;
	}
	G_items = $C("small-image", root, "DIV");
	G_items.each(function(item, index){
		var img = $T("IMG", item)[0];
		var mask = document.createElement("DIV");
		mask.className = "mask";
		mask.style.width = img.width + "px";
		mask.style.height = img.height + "px";
		item.appendChild(mask);
		item.HOVER = false;
		item.mask = mask;
		item.onmouseover = function(){
			if(this == G_here){
				return false;
			}
			if(!this.HOVER){
				this.mask.style.display = "none";
			}
			this.HOVER = true;
		}
		item.onmouseout = function(){
			if(this == G_here){
				return false;
			}
			if(this.HOVER){
				this.mask.style.display = "block";
			}		
			this.HOVER = false;
		}
		item.onclick = function(){
			this.HOVER = false;
			G_here.mask.style.display = "block";
			G_here = this;
			this.mask.style.display = "none";
		}
		if(!index){
			G_here = item;
			item.onclick();
		}
	});
}