function DisplayLogin(vis)
{
	grayOut(vis);
	var login=document.getElementById('inner');
	if (!login)
	{
		var tbody = document.getElementsByTagName('body')[0];    
		var tnode1 = document.createElement('div');
		var tnode2 = document.createElement('div'); 
		tnode1.id = 'outer';
		tnode2.id = 'inner';
		tnode1.style.zIndex = 10000;
		tnode2.style.zIndex = 10001;
		tnode2.style.display = 'none';
		tbody.appendChild(tnode1);
		tnode1.appendChild(tnode2);
		
		var str = '<table width="300" border="0" align="left" cellpadding="0" cellspacing="1" >';
		str += '<tr><td height="24" colspan="3"><strong>&nbsp;Admin Login</strong></td></tr>';
		str += '<tr><td width="77"><div align="right">Username</div></td><td width="3">:</td>';
		str += '<td width="216"><input name="myusername" type="text" id="myusername" style="width: 200px;" /></td></tr>';
		str += '<tr><td><div align="right">Password</div></td><td>:</td>';
		str += '<td><input name="mypassword" type="password" id="mypassword" style="width: 200px;" /></td></tr>';
		str += '<tr><td>&nbsp;</td><td>&nbsp;</td>';
		str += '<td><input type="submit" name="Submit" onclick="ajaxFunction();" value="Login" />';
		str += '<input type="button" onclick="DisplayLogin(false);" value="Cancel" /></td></tr></table>';
		
		tnode2.innerHTML = str;
		login=document.getElementById('inner');
	}
	
	if (vis)
	{
		login.style.display = 'block';
		var userTxt = document.getElementById('myusername');
		userTxt.focus();
	}
	else
	{
		login.style.display = 'none';
	}
}	