<!--
// alpha images
if (pngAlpha) // png alpha img
	{document.write('<style type=\"text/css\"> .tileNormal {filter=\'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"images/tileNormal.png\",sizingMethod=\"scale\");\'} .tileAdmin {filter=\'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"../images/tileAdmin.png\",sizingMethod=\"scale\");\'}</style>');}
if (pngNormal) // png normal img
	{document.write('<style type=\"text/css\"> .tileNormal {background-image:url(\"images/tileNormal.png\");} .tileAdmin {background-image:url(\"../images/tileAdmin.png\");}</style>');}

	var originalFirstChild;
		
	function createTitle(which, title, date, description, x, y, callpage) 
		{
		var agt = navigator.userAgent.toLowerCase(); 
		
		// record the original first child (protection when deleting)
		if (typeof(originalFirstChild) == "undefined") 
			{originalFirstChild = document.body.firstChild;}
	
		x = document.all ? (event.clientX + document.body.scrollLeft) : x;
		y = document.all ? (event.clientY + document.body.scrollTop) : y;
		element = document.createElement("div");
		element.style.position = "absolute";
		element.style.zIndex = 1000;
		element.style.visibility = "hidden";
		excessWidth = 70;
		if (document.all) 
			{excessWidth = 70;}
		excessHeight = 20;
	
		tileClass = (callpage == 'admin') ? 'tileAdmin' : 'tileNormal';
		text2 = (callpage == 'admin') ? 'click to edit image' : 'click to enlarge';
		
		SHOW = '<div class="'+tileClass+'" style="padding:10px;float:left;">';
		SHOW += '<div class="large"><b>'+title+'</b></div>';
		SHOW += '<div class="xsmall" style="text-align:right;">uploaded: '+date+'</div>';
		SHOW += '<div class="xsmall" style="text-align:right;">[ '+text2+' ]</div>';
		SHOW += '<div class="xsmall" style="margin-top:10px;">'+description+'</div>';
		SHOW += '</div>';
		
		element.innerHTML = SHOW;
		
		renderedElement = document.body.insertBefore(element, document.body.firstChild);
		
		// admin page? float it
		renderedWidth = renderedElement.offsetWidth;
		renderedHeight = renderedElement.offsetHeight;
	
		// fix overflowing off the right side of the screen
		overFlowX = x + renderedWidth + excessWidth - document.body.offsetWidth;
		x = overFlowX > 0 ? x - overFlowX : x;
	
		// fix overflowing off the bottom of the screen
		overFlowY = y + renderedHeight + excessHeight - window.innerHeight - window.pageYOffset;
		y = overFlowY > 0 ? y - overFlowY : y;
	
		renderedElement.style.top = (y + 5) + "px";
		renderedElement.style.left = (x + 5) + "px";
	
		renderedElement.style.width = "300px";
	
		// windows versions of mozilla are like too fast here...we have to slow it down
		if (agt.indexOf("gecko") != -1 && agt.indexOf("win") != -1) 
			{setTimeout("renderedElement.style.visibility = \'visible\'", 1);}
		else 
			{renderedElement.style.visibility = "visible";}
		}
	
	function destroyTitle() 
		{
		// make sure we dont delete the actual page contents (javascript can get out of alignment)
		if (document.body.firstChild != originalFirstChild) 
			{document.body.removeChild(document.body.firstChild);}
		}
//-->
