function toggleDopInfo() {
        var dopinfo = document.getElementById('dopinfo');

	if ( dopinfo.style.display == 'none' || dopinfo.style.display == '') {

		dopinfo.style.display = 'block';
//        	alert(dopinfo.style.display);
	} else {
		dopinfo.style.display = 'none';
	}
	return false;
};


var keep = false;

function ToggleSizePanel()
{
	var SizePanel = document.getElementById ('SizePanel');
	if (SizePanel)
	{
		var display = SizePanel.style.display;
		if (display == 'none' || !display)
		{
			SizePanel.style.display = 'block';
			var LoginInput = document.getElementById ('Username');
			
			keep = true;
			document.onclick = CloseSizePanel;
			document.onkeydown = EscapeSizePanel;
	
			var UsernameField = document.getElementById ('Username');
			var PasswordField = document.getElementById ('Password');
			var SessionSubmit = document.getElementById ('SessionSubmit');
			//if (UsernameField) UsernameField.onclick = Keep;
			//if (PasswordField) PasswordField.onclick = Keep;
			//if (SessionSubmit) SessionSubmit.onclick = Keep;
			SizePanel.onclick = Keep;
		}
		else
		{
			SizePanel.style.display = 'none';
		}
		return false;
	}
	else return true;	
}

function Keep()
{
	keep = true;
}

function CloseSizePanel (event)
{
	if (keep)
	{
		keep = false;
		return;
	}
	var SizePanel = document.getElementById ('SizePanel');
	if (!SizePanel) return;
	SizePanel.style.display = 'none';

	document.onclick = null;
	document.onkeydown = null;
}

function EscapeSizePanel (event)
{
	if (window.event) event = window.event;
	var code = event.keyCode ? event.keyCode : event.which ? event.which : null;
	if (code == 27)
	{
		var SizePanel = document.getElementById ('SizePanel');
		if (!SizePanel) return;
		SizePanel.style.display = 'none';

		document.onclick = null;
		document.onkeydown = null;
	}
}