/* join.js */

window.addEvent('load', function() {

	if($('handle')) $('handle').focus();

	var link = new Element('a', {
		'styles': {
			'font-size': '.9em'
		},
		'events': {
			'click': function(e) {
				new Event(e).stop();
				checkHandle();
			}
		},
		'href': '#'
	}).setHTML('check availability...').injectInside($('check-handle'));
});

function checkHandle() {
	this.handle = $('handle').value;
	if($('handle').value.length >= 3) {
		new Ajax('/services.php', {
			method: 'post',
			data: {'p': 23, 'handle': this.handle},
			update: $('check-handle-response')
		}).request();
	}
	
}