function lutzGal()
{
	this.mnu = gEL("inhalt3_0");
	this.tbl = gEL("gallery").getElementsByTagName("table")[0];
	this.dstatus = gEL("galStatus");
		
	var obj = this;
	
	var div = gEL("galPic");

	var pic = document.createElement("img");
	div.appendChild(pic);
	this.pic = pic;
	this.pic.className = "galImg";
	this.pic.onload = function() 
	{
		obj.doneLoadBig();
	}
	
	var pic = document.createElement("img");
	div.appendChild(pic);
	this.picTmp = pic;
	this.picTmp.className = "galImg";

	this.loadGal(3);
}

lutzGal.prototype.initThumbs = function()
{
	var obj=this;
	var pix = gET("img",this.tbl);
	for(i=0;i< pix.length;i++)
	{
		var img = pix[i];
		img.onclick = function()
		{
			obj.showBig(this);
		};
	}
}

lutzGal.prototype.showBig = function(img)
{
	var big = "images/galerie/"+img.getAttribute("pic")+".jpg";
	setVisible(this.pic,false);
	
	this.status("wird geladen ..");
	this.pic.src = big;
}

lutzGal.prototype.doneLoadBig = function()
{
	setVisible(this.dstatus,false);
	var top=20;

	setVisible(this.pic,true);

	var wi = parseInt(this.pic.width);
	var he = parseInt(this.pic.height);
	setVisible(this.pic,false);
	
	left = Math.round((342-wi)/2);
	top = Math.round((342-he)/2)+12;
	
	with(this.pic)
	{
		style.left = left+"px";
		style.top = top+"px";
	}
	setVisible(this.pic,true);
}

lutzGal.prototype.status = function(txt)
{
	if(txt)
	{
		this.dstatus.getElementsByTagName("span")[0].innerHTML = txt;
		setVisible(this.dstatus,true);
	}else{
		setVisible(this.dstatus,false);
	}
}

function setVisible(obj,vis)
{
	if(vis==true)
	{
		obj.style.display="block";
	}else{
		obj.style.display="none";
	}
}

lutzGal.prototype.loadGal = function(id)
{
	this.status("lade Album ..");
	var url = "scripts/xGal."+web.suffix;
	xmlhttp(url,"albumID="+id,this.doneLoadGal,"",this) 
}

lutzGal.prototype.doneLoadGal = function(ret)
{
	setVisible(gEL("gallery"),true);
	this.status("");
	var pix = ret.split(",");

	var td = gET("td",this.tbl);
	
	for(i=0;i< 9;i++)
	{
		var span = gET("span",td[i])[0];
		if(!span)
		{
			var span = document.createElement("span");
			span.innerHTML = "<img src='images/status2.gif'>";
			td[i].appendChild(span);
		}

		var obj = this;
		var img = gET("img",td[i])[0];
		img.td = td[i];
		if(!img)
		{
			var img = document.createElement("img");
			img.onload = function(){obj.doneLoadThumb(this.td)};
			
			td[i].appendChild(img);
		}
		
		var src = "images/galerie/"+pix[i]+"_tn.jpg";
		img.setAttribute("pic",pix[i]);
		img.src = src;
	}
	this.initThumbs();
	
	var pic1 = gET("img",td[0])[0];
	this.showBig(pic1);
}

lutzGal.prototype.doneLoadThumb = function(td)
{
	alert(td);
}