function findPosX(obj){
	var curleft = 0;
	if(obj.offsetParent)
		while(1){
		  curleft += obj.offsetLeft;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj){
	var curtop = 0;
	if(obj.offsetParent)
		while(1){
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}


function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}


// Open the lightbox


function openbox(formtitle, fadin, box_name, filter, boxtitle, posid)
{
  var box = document.getElementById(box_name); 
  
  var pos_x = parseInt(findPosX(document.getElementById(posid)));
  var pos_y = parseInt(findPosY(document.getElementById(posid)));

  document.getElementById(filter).style.top = pos_y + 'px';
  document.getElementById(filter).style.left = pos_x + 'px';
  
  document.getElementById(filter).style.display='block';

  /*var btitle = document.getElementById(boxtitle);
  btitle.innerHTML = formtitle;*/
  
  if(fadin)
  {
	 gradient(box_name, 0);
	 fadein(box_name);
  }
  else
  { 	
    box.style.display='block';
	box.style.top = pos_y + 'px';
	box.style.left = pos_x + 'px';
  }  	
}


// Close the lightbox

function closebox(box, filter)
{
   document.getElementById(box).style.display='none';
   document.getElementById(filter).style.display='none';
}