

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;
	var olevel=.80;
	/*while(level <= olevel)*/
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}


// Open the lightbox


function openbox(firstdiv,formdiv,titletag,formtitle, fadin)
{
  var box = document.getElementById(formdiv);  // 'box'
  var _docWidth=(document.width || document.body.clientWidth);
  var _docHeight = Math.max(document.height || document.body.clientHeight,950);
  
  document.getElementById(firstdiv).style.height=_docHeight+"px";
  document.getElementById(firstdiv).style.width=_docWidth+"px"; 
  
  document.getElementById(firstdiv).style.display='block';
 
   
  var btitle = document.getElementById(titletag); // "boxtitle"
  //btitle.innerHTML = "<div align='right'><a href='#' class='bottom-bar' onClick=closebox('"+firstdiv+"','"+formdiv+"')>Close &nbsp;&nbsp;&nbsp;&nbsp;</a></div>";
  
  
  var btitle_in = document.getElementById(titletag).innerHTML; //need for language difference  
  if(btitle_in == ''){
  btitle_in='close';
  }
  btitle.innerHTML = "<div align='right'><a href='#' class='bottom-bar' onClick=closebox('"+firstdiv+"','"+formdiv+"')>" + btitle_in + "&nbsp;&nbsp;&nbsp;&nbsp;</a></div>"; 
  
  
  
  
 
  //btitle.innerHTML =formtitle;
  fadin=true;
  if(fadin)
  {
	 gradient(firstdiv, .55);
	 fadein(formdiv);
  }
  else
  { 	
    box.style.display='block';
  }  	

var level=.55;
	var box = document.getElementById(formdiv);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
}

// Close the lightbox

function closebox(firstdiv,seconddiv)
{
   document.getElementById(seconddiv).style.display='none';
   document.getElementById(firstdiv).style.display='none';
}



