var Logout = Class.create();
Logout.prototype = {
	initialize: function() {

		var oBody = document.getElementsByTagName("body").item(0);

		// Add overlay
		var oOverlay = document.createElement("div");
		oOverlay.onclick = function() { MyLogout.end(); return false; }
		oOverlay.setAttribute( 'id','overlay' );
		oOverlay.style.display = 'none';
		oBody.appendChild( oOverlay );

		// Resize overlay to full browser
		var aSize = getPageSize();
		oOverlay.style.width = aSize[0] + 'px';
		oOverlay.style.height = aSize[1] + 'px';	

		// Fade in overlay
		new Effect.Appear('overlay', { duration: 0.5, from: 0.0, to: 0.5 });

		// Add logout window
		this.oLogout = document.createElement( 'div' );
		this.oLogout.reference = this;
		this.oLogout.setAttribute( 'id', 'auth' );
		oBody.appendChild( this.oLogout );
	
		// Add HTML to logout screen
		new Ajax.Request('ajax/html_logout.php', {
			onSuccess: this.onHtmlSuccess,
			onFailure: this.onHtmlFailure } );
	},

	onHtmlSuccess: function( p_oResult ) {
		// Update logout html.
		$('auth').update( p_oResult.responseText );
		$('close').onclick = function() { MyLogout.end(); return false; }
		$('button-yes').onclick = function() { MyLogout.logout(); return false; }
		$('button-no').onclick = function() { MyLogout.end(); return false; }
	},

	onHtmlFailure: function() {
		alert( 'An error occured' );
	},

	end: function() {
		// Remove the logout overlay.
		Element.remove( 'auth' );
		new Effect.Fade( 'overlay', {duration: 0.3} );
	},
	
	logout: function() {
		new Ajax.Request('ajax/logout.php', {
				method: 'post',
				parameters: { sTest: true }, 
				onSuccess: this.onLogoutSuccess,
				onFailure: this.onLogoutFailure } );	
	},

	onLogoutSuccess: function( p_oResult ) {
		l_aResult = p_oResult.responseText.parseJSON();
		// If error occured, show message.
		if( !l_aResult["status"] ) {
			if( $l_aResult["language"] == "UK" ){
			alert( 'Error occured, you\'re not logout' );
			} else {
			alert( 'Fout opgetreden, u bent niet uitgelogt' );
			}
			location.reload(true);
		} else {
			// Reload page.
			location.reload(true);
		}			
	}
}