function showBox(el){
	Element.show('overlay');
	center('box');
	var box = $("box")
	var linkpos = el.cumulativeOffset();
	var scroll = [document.body.scrollLeft || document.documentElement.scrollLeft, document.body.scrollTop || document.documentElement.scrollTop]
	linkpos[0] = linkpos[0] - scroll[0];
	linkpos[1] = linkpos[1] - scroll[1];
	var boxpos = [box.offsetLeft - scroll[0], box.offsetTop - scroll[1]];
	var xcollides = (linkpos[0] > boxpos[0]) && (linkpos[0] < boxpos[0] + box.offsetWidth);
	var ycollides = (linkpos[1] > boxpos[1]) && (linkpos[1] < boxpos[1] + box.offsetHeight);
	if (xcollides && ycollides) {
		var x = linkpos[0] - (boxpos[0] + box.offsetWidth);
		var y = linkpos[1] - (boxpos[1] + box.offsetHeight);
		if (Math.abs(x) < Math.abs(y)) box.style.left = box.offsetLeft + x + "px";
		else box.style.top = box.offsetTop + y + "px";
	}
	hideSelects(true);
  return false;
}

function hideBox(){
   Element.hide('box');
   Element.hide('overlay');
	 $('lightboxcontent').innerHTML = '';
	 hideSelects(false);
   return false;
}

function lightBoxSentTime()
{
	if ($('lightboxsenttime') != null)
	{
		var sent = Date.parse($F('lightboxsenttime'));
		var diff = new Date() - sent;
		var msg = "";
		var seconds = Math.floor(diff/1000);
		var minutes = Math.floor(seconds/60);
		var hours = Math.floor(minutes/60);
		var days = Math.floor(hours/24);
		if (days == 1)
			msg = "1 day";
		else if (days > 1) 
			msg = days+" days";
		else if (hours == 1)
			msg = "1 hour";
		else if (hours > 1)
			msg = hours+" hours";
		else if (minutes == 1)
			msg = "1 minute";
		else if (minutes > 1)
			msg = minutes+" minutes";
		else if (seconds > 1)
			msg = seconds+" seconds";
		else
			msg = "1 second";
		$('lightboxsenttimedisplay').innerHTML = "Message sent "+msg+" ago.";
		setTimeout("lightBoxSentTime()",20000*Math.random());
	}
}

function hideSelects(hidden)
{ $A(document.getElementsByTagName('select')).each(function (el) { el.style.visibility = (hidden) ? "hidden" : "visible"; }); }

function center(element){
	element = $(element)
	if (element) {
		element.style.position = "absolute";
		element.style.display = "block";
		var vpwidth = document.viewport.getWidth();
		var vpheight = document.viewport.getHeight();
		var elwidth = element.offsetWidth;
		var elheight = element.offsetHeight;
		element.style.left = (vpwidth / 2 - elwidth / 2) + (document.body.scrollLeft || document.documentElement.scrollLeft) + "px"
		element.style.top = (vpheight / 2 - elheight / 2) + (document.body.scrollTop || document.documentElement.scrollTop) + "px"
	}
}