window.addEvent('domready', function() {
	$$('#mailOptIn input').addEvent('focus', function() {
		if (this.value == 'naam@provider.nl') {
			this.value = '';
			this.setStyle('color', 'black');
		}
	});

	$$('#mailOptIn input').addEvent('blur', function() {
		if (this.value == '') {
			this.value = 'naam@provider.nl';
			this.setStyle('color', 'gray');
		}
	});

	$$('#mailOptIn input').addEvent('keydown', function(event) {
		if (event.key == 'enter') {
			new Request({url: '/rpcs/mailOptIn', data: 'email=' + $$('#mailOptIn input')[0].value}).send();
		}
	});

	$$('#mailOptIn div.button').addEvent('click', function() {
		new Request({url: '/rpcs/mailOptIn', data: 'email=' + $$('#mailOptIn input')[0].value}).send();
	});
});