function set () {
	
	$$('.option').addEvent('click', function(e){
		
		e.stop();
		var parent = this.getParent().getParent();
		var list = parent.getElement('.listt');
		var selected = parent.getElement('.selected');
		
		var text = this.get('text');
		
		selected.set('text', text);
		
		list.set('style', 'display:none;');		
		
		if (list.get('id') == 'provincie') {
			
			if ($('overlay') != null) {
				$('overlay').set('style', 'display:none;');
			}
			
			var plaatssel = $('plaatsselected');
			plaatssel.set('html', '<img src="images/ajax-loader.gif" />');
						
			var request = new Request.JSON({url: 'update_plaats.php?provincie=' + text, onSuccess: function(jsonObj){
			    
				addItems(jsonObj.items);
				plaatssel.set('text', 'Kiezen');

			}}).send();			
							
		}
		
		if (list.get('id') == 'typelist') {
		
			var type = $('typeselected').get('text');
			var makelaar = $('url').get('value');
			window.location = 'redirect.php?makelaar=' + makelaar + '&type=' + type;
			
		}
		
		
	});
	
	var addItems = function(items) {
		$('plaatslist').set('html', '');
		var list = $('plaatslist');
		items.each(function(item) {
			var el = new Element('div', {'class': 'option'});
			el.set('html', item.name);
			el.addEvent('click', function(e){
			
				e.stop();
				var parent = this.getParent().getParent();
				var list = parent.getElement('.listt');
				var selected = parent.getElement('.selected');
				
				var text = this.get('text');
				
				selected.set('text', text);
				
				list.set('style', 'display:none;');	
				
				if ($('overlay2') != null) {
					$('overlay2').set('style', 'display:none;');
				}
			
			});
			el.inject(list);
	
		});
		var ele = new Element('div', {'style': 'clear:both;'});
		ele.inject(list);	
	}


	$$('.select').addEvent('click', function(e){
		
		e.stop();
		$$('.listt').set('style', 'display:none;');
		var list = this.getElement('.listt');
		
		list.set('style', 'display:block;');
		
			$(list).addEvent('mouseleave', function(e) {
				this.set('style', 'display:none;')	
			});
				
	});	
	
	if ($('button') != null) {
	
		$('button').addEvent('click', function(e){
		
			var provincie 	= $('provincieselected').get('text');
			var plaats	 	= $('plaatsselected').get('text');
			var type	 	= $('typeselected').get('text');
						
			window.location = 'redirect.php?provincie=' + provincie +  '&plaats=' + plaats + '&type=' + type;
			
		});
		
	}
	
}

function Transform () {
	
	var provincie 	= $('provincieselected').get('text');
	var plaats 		= $('plaatsselected').get('text');
	var type 		= $('typeselected').get('text');
	
	$('provinciei').set('value', provincie);	
	$('plaatsi').set('value', plaats);	
	$('typei').set('value', type);
	
	var naam 	= document.form.naam.value;
	var nummer 	= document.form.nummer.value;
		
	if (naam == '') {
		alert ('U bent vergeten uw naam in te vullen.');
		return false;			
	}	
	else if (nummer == '') {
		alert ('U bent vergeten uw nummer in te vullen.');
		return false;			
	}
	else {	
		return true;
	}
	
}

function TransformSmall () {

	var type 		= $('typeselected').get('text');

	$('typei').set('value', type);
	
	var naam 	= document.form.naam.value;
	var nummer 	= document.form.nummer.value;
		
	if (naam == '') {
		alert ('U bent vergeten uw naam in te vullen.');
		return false;			
	}	
	else if (nummer == '') {
		alert ('U bent vergeten uw nummer in te vullen.');
		return false;			
	}
	else {	
		return true;
	}
	
	
}

function Check () {
		
	var naam 	= document.form.naam.value;
	var nummer 	= document.form.nummer.value;
	var email 	= document.form.email.value;
	var vraag 	= document.form.vraag.value;
		
	if (naam == '') {
		alert ('U bent vergeten uw naam in te vullen.');
		return false;			
	}	
	else if (nummer == '') {
		alert ('U bent vergeten uw nummer in te vullen.');
		return false;			
	}
	else if (email == '') {
		alert ('U bent vergeten uw email in te vullen.');
		return false;			
	}
	else if (vraag == '') {
		alert ('U bent vergeten uw vraag te stellen.');
		return false;			
	}
	else {	
		return true;
	}
	
}

function Search () {
	
	var value = $('search').get('value');
	
	$('result').load('update_makelaar.php?value=' + value);	
	
}

window.addEvent('domready', function() {	
	
	set();
	
});