var viewingUser;

function viewUser( userId )
{
	urlAJAX = ajaxURL + '&template=viewuser&userid=' + userId;
	getAJAX( urlAJAX, displayUser );
	
	viewingUser = userId;
	
	var userContainer = '';
	
	if( !document.getElementById( 'userDisplayBox' ) )
	{
		userContainer = document.createElement('div');
		userContainer.setAttribute('id', 'userDisplayBox');
		
		userContainer.appendChild( document.createTextNode('Loading...') );
		
		document.getElementsByTagName('body')[0].appendChild( userContainer );
	}
	else
	{
		userContainer.innerHTML = 'Loading...';
	}
	
	userContainer = document.getElementById('userDisplayBox');

	userContainer.style.top = ( document.body.clientHeight / 2 ) - ( userContainer.offsetHeight / 2 ) + document.body.scrollTop + 'px';
	userContainer.style.left = ( document.body.clientWidth / 2 ) - ( userContainer.offsetWidth / 2 ) + document.body.scrollLeft + 'px';
}

function editUser( userId )
{
	urlAJAX = ajaxURL + '&template=edituser&userid=' + userId;
	getAJAX( urlAJAX, displayUser );
	
	viewingUser = userId;
	
	var userContainer = '';
	
	if( !document.getElementById( 'userDisplayBox' ) )
	{
		userContainer = document.createElement('div');
		userContainer.setAttribute('id', 'userDisplayBox');
		
		userContainer.appendChild( document.createTextNode('Loading...') );
		
		document.getElementsByTagName('body')[0].appendChild( userContainer );
	}
	else
	{
		userContainer.innerHTML = 'Loading...';
	}
	
	userContainer = document.getElementById('userDisplayBox');

	userContainer.style.top = ( document.body.clientHeight / 2 ) - ( userContainer.offsetHeight / 2 ) + document.body.scrollTop + 'px';
	userContainer.style.left = ( document.body.clientWidth / 2 ) - ( userContainer.offsetWidth / 2 ) + document.body.scrollLeft + 'px';
}

function displayUser( serverData )
{
	if( document.getElementById( 'userDisplayBox' ) && serverData )
	{
		document.getElementById( 'userDisplayBox' ).innerHTML = serverData;
		
		resizeDisplayBox();
	}
	else
	{
		setTimeout('closeUser()', 1000);
	}
}

function closeUser()
{
	if( document.getElementById( 'userDisplayBox' ) )
	{
		document.getElementById( 'userDisplayBox' ).style.display = 'none';
		document.getElementsByTagName('body')[0].removeChild( document.getElementById( 'userDisplayBox' ) );
	}
}

function resizeDisplayBox()
{
	var userContainer = document.getElementById( 'userDisplayBox' );

	userContainer.style.height = userContainer.children[0].offsetHeight + 'px';
	userContainer.style.width = userContainer.children[0].offsetWidth + 'px';
	

	userContainer.style.top = ( document.body.clientHeight / 2 ) - ( userContainer.offsetHeight / 2 ) + document.body.scrollTop + 'px';
	userContainer.style.left = ( document.body.clientWidth / 2 ) - ( userContainer.offsetWidth / 2 ) + document.body.scrollLeft + 'px';
}