var PhotoGrid = 
{
	delayhide : null,
	tr : null,
	tbl : null,
	transLayer : null,
	popup : null,
	url : '/photo/list.aspx?dossier=true',
	title : null,
	imgSmuss : null,
	cellspacing : 10,
	
	Init : function(tbl, popup, transLayer, w, h, timespan)
	{
		var i, k, td, tr, img;
		PhotoGrid.popup=popup=document.getElementById(popup);
		PhotoGrid.tbl=tbl=document.getElementById(tbl);
		PhotoGrid.transLayer=transLayer=document.getElementById(transLayer);
		tbl.onmouseout=function(){PhotoGrid.Restore(timespan)};
		
		//PhotoGrid.imgSmuss = document.createElement("img");
		//PhotoGrid.imgSmuss.setAttribute('src','/images/common/smuss.gif');
		//PhotoGrid.imgSmuss.onclick = function(){PhotoGrid.ShowDetails(this)};
		
		PhotoGrid.tr=tr=GetXChildNodes(tbl,'TBODY[0]/TR');
		for(i=0; i< tr.length; i++)
		{
			td=GetChildNodes(tr[i],'TD');
			for(k=0; k< td.length; k++)
			{
				td[k].style.width=w+'px';
				td[k].style.height=h+'px';
				//PhotoGrid.Smuss(td[k]);
				td[k].onmouseover = function(){PhotoGrid.ShowToolTip(this,false,w,h)};
				td[k].onclick = function(){PhotoGrid.ShowDetails(this)};
			}
		}
		transLayer.style.width = popup.style.width = tbl.offsetWidth+'px';
		transLayer.style.height = popup.style.height = tbl.offsetHeight+'px';
	},

	ShowToolTip : function(sender,restore,w,h)
	{
		if(PhotoGrid.delayhide)
		{
			clearTimeout(PhotoGrid.delayhide);
			PhotoGrid.delayhide=null;
		}
		var tr = PhotoGrid.tr, i, k, tdlist, td, tooltip, tag;
		for(i=0;i<tr.length;i++)
		{
			tdlist=GetChildNodes(tr[i],'TD');
			for(k=0; k<tdlist.length; k++)
			{
				td=tdlist[k];
				td.innerHTML=(td==sender||restore)?"&nbsp;":"<div style='height:" + (td.rowSpan == 2 ? ((h*2) + PhotoGrid.cellspacing) : h) + "px' class='opaque'></div>";
				//PhotoGrid.Smuss(td);
				if(td==sender)
				{
					tooltip=
						k < tdlist.length-2 || (k < tdlist.length-1 && tdlist[k+1].colSpan==2) ? tdlist[k+1] : 
						tdlist[k-1].colSpan == 2 ? tdlist[k-1] :
						tdlist[k-2];
					tag=td.getAttribute('tag');
				}
			}
		}
		if(tooltip)
			tooltip.innerHTML="<div class='tooltip' style='height:"+h+"px; width:"+(10+2*w)+"px'><p>"+tag+"</p></div>";					
	},
	
	Restore : function(timespan){if(!PhotoGrid.delayhide)PhotoGrid.delayhide=setTimeout('PhotoGrid.ShowToolTip(0,true)',timespan);},
	
	ShowDetails : function(sender)
	{
		var popup=PhotoGrid.popup;
		
		var td=GetXChildNodes(popup,'DIV[0]/TABLE[0]/TBODY[0]/TR[0]/TD');
		//td[0].style.backgroundImage=sender.style.backgroundImage.replace('small','medie');
		
		td[0].style.backgroundImage='url(\''+sender.getAttribute('copertinaId').replace('grandi','medie')+'\')';
		//alert(sender.getAttribute('copertinaId'));
		//alert(td[0].style.backgroundImage);
		td[1].innerHTML=sender.getAttribute('tag')+'<br/><br/><div align="right"><a href="'+PhotoGrid.url+'&title='+sender.getAttribute('title')+'&photosetId='+sender.getAttribute('pid')+'"><b>[go to photos]</b></a></div>';
		PhotoGrid.Restore(0);
		new Effect.Appear(PhotoGrid.transLayer,{duration:0.1, to:1});
		new Effect.Appear(popup,{duration:0.3});
	},
	
	HideDetails : function()
	{
		new Effect.Fade(PhotoGrid.popup,{duration:0.3});
		new Effect.Fade(PhotoGrid.transLayer,{duration:0.5});
	},
	
	Smuss : function(sender,opaque)
	{
		var w=sender.offsetWidth+'px',h=sender.offsetHeight+'px',img=PhotoGrid.imgSmuss.cloneNode(false);
		img.style.width=w;
		img.style.height=h;
		sender.innerHTML=opaque?"<div style='height:"+h+"px' class='opaque'></div>":"";
		if(opaque)
			sender=sender.firstChild;
		sender.appendChild(img);
	}
}