function grayOut(vis, options)   
{  
	var optionsoptions = options || {};    
	var zindex = options.zindex || 99;   
	var opacity = options.opacity || 70;  
	var opaque = (opacity / 100);   
	var bgcolor = options.bgcolor || '#000000';   
	var dark=document.getElementById('darkenScreenObject');  
	if (!dark)   
	{  
		// The dark layer doesn't exist, it's never been created.  So we'll    
		// create it here and apply some basic styles.     
		var tbody = document.getElementsByTagName("body")[0];  
		var tnode = document.createElement('div');             
		tnode.style.position='absolute';  
		tnode.style.top='0px';  
		tnode.style.left='0px';     
		tnode.style.overflow='hidden';  
		tnode.style.display='none';  
		tnode.id='darkenScreenObject';  
		tbody.appendChild(tnode);                              
		dark=document.getElementById('darkenScreenObject');    
		dark.style.width= '1000%';    
		dark.style.height= '10000px';   
	}    

	if (vis)  
	{   
 		var pageWidth='100%';   
 		var pageHeight='10000px';   
		dark.style.opacity=opaque;   
		dark.style.MozOpacity=opaque;         
		dark.style.filter='alpha(opacity='+opacity+')';   
		dark.style.zIndex=zindex;  
		dark.style.backgroundColor=bgcolor;   
		dark.style.width= pageWidth;    
		dark.style.height= pageHeight;   
		dark.style.display='block';    
  	}  
	else  
	{     
 		dark.style.display='none';   
	}
}  


function fadePage(){
	$("#blocker").attr("class", "fadeWith");
	grayOut(true,"#000000");
}
function unfadePage(){
	$("#blocker").attr("class", "unfadeWith");
	grayOut(false,"#000000");
}