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)
{
  var box = document.getElementById('box'); 
  box.innerHTML = '<span id="boxtitle">&nbsp;</span><table style="margin-top: 20px;"><tbody><tr><td colspan="2">&nbsp;</td></tr>'+
  '<tr><td colspan="2">&nbsp;</td></tr><tr><td><a class="buttonlink" href="employerreg.php"><img src="images/btn_employers.png" alt="Employers"/></a></td>'+
	'<td><a class="buttonlink" href="employeecv1.php"><img src="images/btn_candidate.png" alt="Candidates"/></a></td></tr>'+
	'<tr><td colspan="2"><a class="closebox" onclick="closebox()" href="javascript:void(0);">Close</a></td></tr></tbody></table></div>';
  var btitle = document.getElementById('boxtitle');
  btitle.innerHTML = formtitle;
  
  if(fadin)
  {
	 gradient("box", 0);
	 fadein("box");
  }
  else
  { 	
    box.style.display='block';
  }  	
  jQuery('#box').center();
  height = jQuery('body').innerHeight();
  jQuery('#filter').attr('style','height:'+(parseInt(height) + 28)+'px; display:block;');
}


function messagebox(formtitle, boxtext, fadin)
{
  var box = document.getElementById('box'); 
  if(boxtext != '') {
  box.innerHTML = boxtext;
  }  

  var btitle = document.getElementById('boxtitle');
  btitle.innerHTML = formtitle;
  if(fadin)
  {
	 gradient("box", 0);
	 fadein("box");
  }
  else
  { 	
    box.style.display='block';
  }  	
  jQuery('#box').center();
  height = $('body').innerHeight();
  jQuery('#filter').attr('style','height:'+(parseInt(height) + 28)+'px; display:block;');
  jQuery('#box,#filter').delay(4000).fadeOut('slow',function() {	  
  }); 
 
}


function profilecomplate(formtitle, fadin)
{
  var box = document.getElementById('box'); 
  box.innerHTML = '<span id="boxtitlenew">&nbsp;</span><table style="margin-top: 20px;"><tbody><tr><td colspan="">&nbsp;</td></tr>'+
  '<tr><td align="left"> <h2 style="color:white;font-size:16px;font-weight:bold;"><p style="margin-top:0px; padding-top:0px;">Thanks for completing your profile which can now be viewed by employers or agents who search our online database.</p><br>'+
  '<p>From your \'homepage\' you can:</p><br>'+
  '<p style="padding-left:10px;">- change whether your profile is viewable,</p><br>'+
  '<p style="padding-left:10px;">- search for jobs,</p><br>'+
  '<p style="padding-left:10px;">- and edit or change your profile</p> </h2></td></tr>'+
	'<tr><td><a class="closebox" style="margin-right:-5px;margin-top:-7px;" onclick="closebox()" href="javascript:void(0);">Close</a></td></tr></tbody></table></div>';
  var btitle = document.getElementById('boxtitlenew');
  btitle.innerHTML = formtitle;
  
  if(fadin)
  {
	 gradient("box", 0);
	 fadein("box");
  }
  else
  { 	
    box.style.display='block';
  }  	
  jQuery('#box').center();
  jQuery('#box').attr('style','height:288px; width:506px;');
  height = jQuery('body').innerHeight();
  jQuery('#filter').attr('style','height:'+(parseInt(height) + 28)+'px; display:block;');
}
// Close the lightbox

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



jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( jQuery(window).height() - this.height() ) / 2+jQuery(window).scrollTop() + "px");
    this.css("left", ( jQuery(window).width() - this.width() ) / 2+jQuery(window).scrollLeft() + "px");
    return this;
}