function login_form(toggle)  {
    var body = document.getElementsByTagName('body')[0];

    if (toggle)  {
        if (document.getElementById('desc'))  {
            var desc = document.getElementById('desc');
            body.removeChild(desc);
            return;
        }

        var width = 500;
        var top   = 400;
        var desc  = document.createElement('div');
		
        desc.setAttribute('id', 'desc');

        desc.style.border           = '1px dotted #222';
        desc.style.position         = 'absolute';
        desc.style.width            = width + 'px';
        desc.style.top              = top + 'px';
        desc.style.marginLeft       = (screen.width/2 - width/2) + 'px';
        desc.style.marginTop        = '-200px';
        desc.style.backgroundColor  = '#000';
        desc.style.padding          = '10px';
        desc.style.zIndex           = '2';
        desc.style.textAlign        = 'left';
        desc.style.opacity          = 0.9;

        desc.innerHTML =
			'<a href="javascript:login_form(false)" style="text-decoration: underline; text-align: right; font-size: 11px"><p align = "right">[X]</p></a><br />' +
			"<h1 align='center'>Administration Login</h1><br />" +
			"<form name='form_login' method='POST' action='index.php?page=admin'>" +
  			"<p>Password:" + 
    		"<input type='password' name='pass'>" +
  			"</p><p>" +
    		"<input type='submit' name='Submit' value='Login'>" +
  			"</p>" +
  			"</form>"; 
  			
        body.appendChild(desc);
    } else {
        var desc = document.getElementById('desc');
        body.removeChild(desc);
    }
}

