window.addEvent('domready', function() {
	if ($('logon')) {
		var slide = new Fx.Reveal($('logon'));
		slide.dissolve();

		var logonForm = new CreativeMinds.Form({form: $('slimlogon'), focusOnFirst: true, ajaxSubmit: true, destination: null, type: 'append', reset: true});
		var username = new CreativeMinds.FormElement({element: $('slimusername')});
		username.AddValidation(new CreativeMinds.Validation({type: 'required', errorMessage: 'The username is required!'}));
		logonForm.AddElement(username);
		var password = new CreativeMinds.FormElement({element: $('slimpassword')});
		password.AddValidation(new CreativeMinds.Validation({type: 'required', errorMessage: 'The password is required!'}));
		logonForm.AddElement(password);
		logonForm.addEvent('success', function() { slide.toggle(); window.location.href = window.location.href; });
		logonForm.addEvent('failure', function() { $('slimpassword').value='';alert('Invalid username/password');document.location = 'http://smallscalemodelling.dk/logon.html'; });

		if ($('slim')) {
			$('slim').addEvent('click', function(e) {if (e) {new Event(e).stop();}slide.toggle();}.bind(slide));
		}
	}
});