document.addEvent('domready', function() {
	
	$$('.ajax-load .pie').addEvent('click', function(event){
		event.stop();
		$$('.ajax-load .pie').removeClass('active');
		this.addClass('active');
		var sex = this.getProperty('rel').split('-');
		new Request.HTML({url:'/find/',data:{Event:'GetAjaxFind',sex:sex[0], metro:sex[1], page:sex[2]}, update:$('profiles')}).send();
	
	});
		
	if($('country')){
		var inputWord = $('city');
		var auto = new Autocompleter.Request.JSON(inputWord, '/registration/?Event=GetCity&region='+$('country').getSelected()[0].value, {
			onSelection: function(item){new Request.HTML({url:'/find/',data:{Event:'GetMetro',city:item.value}, update:$('metro')}).send();},
			'indicatorClass': 'autocompleter-loading'
		});
		
		$('country').addEvent('change', function(){
			inputWord.value = '';
			$('metro').innerHTML = '<option value="0">---</option>';
			auto.initialize(inputWord, '/registration/?Event=GetCity&region='+$('country').getSelected()[0].value, {
						onSelection: function(item){new Request.HTML({url:'/find/',data:{Event:'GetMetro',city:item.value}, update:$('metro')}).send();},
						'indicatorClass': 'autocompleter-loading'
			});
		});
		
		$('city').addEvent('keyup', function(){
			new Request.HTML({url:'/find/',data:{Event:'GetMetro',city:this.value}, update:$('metro')}).send();
		});
	}
});