window.addEvent('domready', function() {
	$$('#logon input').each(function(el) {
		if (el.alt) {
			el.set('value',el.alt);
		}
		el.addEvents({
			'focus': function() {
				this.set('value','');
				this.morph({
					'background-color': '#fff'
				});
				if (this.alt == 'Password') {
					this.set('type','password');
				}
			},
			'blur': function() {
				switch (this.get('value')) {
					case this.get('alt'):
					case '':
					case ' ':
						if (this.alt == 'Password') {
							this.set('type','text');
						}
						this.set('value',this.alt);
						this.morph({
						   'background-color': '#ccc'
						});
						break;
				}
			}
		});
	});
	$$('form')[1].addEvent('submit', function(ev) {
		ev.stop();
		if ($$('#logon input')[0].value != '' && $$('#logon input')[1].value != '') {
			$$('#logon input')[2].set('value','Logging In...');
			new Request.HTML({
				onComplete: function() {
					$$('#logon input')[2].set('value','Log In');
					$('logon').dissolve();
				},
				url: $$('form')[1].get('action')
			}).post($('contactform'));	
		}
	});
});