var snelZoeken = function() {
	if($('straat')){
		$('straat').addEvent('focus',function(){
			$('straat').value = '';
		});
		
		$('straat').addEvent('blur',function(){
			if ($('straat').value == '') {
				$('straat').value = 'vul een straat in...';
			}
		});
		getWijken();
		if ($('soort')) {
			getTypes();
		}
	}
}

var getWijken = function(aanbod){
	
	var plaats = $('plaats').getProperty('value');
	var wijken = $('wijken').getProperty('value');
	
	var url = '/requests/getWijken.php';
	var params = 'plaats='+plaats+'&aanbod='+aanbod+'&wijken='+wijken;
	
	var request = new XHR({
		method: 'post',
		onSuccess: function(response){
			var wijken = request.response.xml;
						
			$('wijken').empty();
					
			if (wijken.getElementsByTagName('wijk').length > 1) {
				var option = new Element('option', {
					'value': 'leeg'
				}).setText('geen voorkeur');
				option.injectInside($('wijken'));
				
				$('wijken').disabled = false;
							
				for (i = 0; i < wijken.getElementsByTagName('wijk').length; i++) {
					//alert(wijken.getElementsByTagName('wijk').item(i).firstChild.data);
					
					var option = new Element('option', {
						'value': wijken.getElementsByTagName('wijk').item(i).getAttribute('value')
					}).setText(wijken.getElementsByTagName('wijk').item(i).firstChild.data);
					option.injectInside($('wijken'));
					
					if (wijken.getElementsByTagName('wijk').item(i).getAttribute('selected') == 1) {
						option.selected = 'selected';
					}
				}
			}else{
				var option = new Element('option', {
					'value': 'leeg'
				}).setText('geen wijken');
				option.injectInside($('wijken'));
				$('wijken').disabled = true;
			}			
		}
	}).send(url, params);

}

var getWijken2 = function(aanbod){
	
	var plaats = $('plaats2').getProperty('value');
	var wijken = $('wijken2').getProperty('value');
	
	var url = '/requests/getWijken.php';
	var params = 'plaats='+plaats+'&aanbod='+aanbod+'&wijken='+wijken;
	
	var request = new XHR({
		method: 'post',
		onSuccess: function(response){
			var wijken = request.response.xml;
						
			$('wijken2').empty();
					
			if (wijken.getElementsByTagName('wijk').length > 1) {
				var option = new Element('option', {
					'value': 'leeg'
				}).setText('geen voorkeur');
				option.injectInside($('wijken2'));
				
				$('wijken2').disabled = false;
							
				for (i = 0; i < wijken.getElementsByTagName('wijk').length; i++) {
					//alert(wijken.getElementsByTagName('wijk').item(i).firstChild.data);
					
					var option = new Element('option', {
						'value': wijken.getElementsByTagName('wijk').item(i).getAttribute('value')
					}).setText(wijken.getElementsByTagName('wijk').item(i).firstChild.data);
					option.injectInside($('wijken2'));
					
					if (wijken.getElementsByTagName('wijk').item(i).getAttribute('selected') == 1) {
						option.selected = 'selected';
					}
				}
			}else{
				var option = new Element('option', {
					'value': 'leeg'
				}).setText('geen wijken');
				option.injectInside($('wijken2'));
				$('wijken2').disabled = true;
			}			
		}
	}).send(url, params);

}


var getTypes = function(){
	var soort = $('soort').getProperty('value');
	
	var url = '/requests/getTypes.php';
	var params = 'soort='+soort;
	
	var request = new XHR({
		method: 'post',
		onSuccess: function(response){
			var types = request.response.xml;
			
			$('type').empty();
					
			if (types.getElementsByTagName('type').length > 1) {
				var option = new Element('option', {
					'value': '99999'
				}).setText('geen voorkeur');
				option.injectInside($('type'));
				
				$('type').disabled = false;
							
				for (i = 0; i < types.getElementsByTagName('type').length; i++) {
					//alert(wijken.getElementsByTagName('wijk').item(i).firstChild.data);
					
					var option = new Element('option', {
						'value': types.getElementsByTagName('type').item(i).firstChild.data
					}).setText(types.getElementsByTagName('type').item(i).firstChild.data);
					option.injectInside($('type'));
					
					if (types.getElementsByTagName('type').item(i).getAttribute('selected') == 1) {
						option.selected = 'selected';
					}
				}
			}else{
				var option = new Element('option', {
					'value': 'leeg'
				}).setText('geen type gevonden');
				option.injectInside($('type'));
				$('type').disabled = true;
			}			
		}
	}).send(url, params);

}

var koopHuur = function(id){
	$('zoeken').setProperty('action', '/'+ id +'aanbod.html')
}

var reageren = function(){
	$('naam').addEvent('focus',function(){
		$('naam').value = '';
	});
	$('naam').addEvent('blur',function(){
		if ($('naam').value == '') {
			$('naam').value = 'uw naam';
		}
	});
	$('mail').addEvent('focus',function(){
		$('mail').value = '';
	});
	$('mail').addEvent('blur',function(){
		if ($('mail').value == '') {
			$('mail').value = 'uw e-mail';
		}
	});
	$('telefoon').addEvent('focus',function(){
		$('telefoon').value = '';
	});
	$('telefoon').addEvent('blur',function(){
		if ($('telefoon').value == '') {
			$('telefoon').value = 'uw telefoonnr.';
		}
	});
	$('bericht').addEvent('focus',function(){
		$('bericht').value = '';
	});
	$('bericht').addEvent('blur',function(){
		if ($('bericht').value == '') {
			$('bericht').value = 'uw bericht';
		}
	});
	
	$('reageerForm').addEvent('submit', function(e){
		new Event(e).stop();
		
		var log = $('reageer');
		var error = false;
		
		//$('doorsturen').setStyle('height', '172px');
		
		if($('naam').value == '' || $('naam').value == 'naam'){
			error = true;
			$('naam').setStyle('border', '1px solid red');
		}
		if($('mail').value == '' || $('mail').value == 'e-mail'){
			error = true;
			$('mail').setStyle('border', '1px solid red');
		}
		if($('telefoon').value == '' || $('telefoon').value == 'telefoon'){
			error = true;
			$('telefoon').setStyle('border', '1px solid red');
		}
		if($('bericht').value == '' || $('bericht').value == 'uw bericht'){
			error = true;
			$('bericht').setStyle('border', '1px solid red');
		}
		
		if (!error) {
			this.send({
				update: log,
				onComplete: function(){
					log.removeClass('ajax-loading');
				}
			});
		}
	});
}

var getScrollY = function() {
	var scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		scrOfY = window.pageYOffset;
	} else if( document.body && document.body.scrollTop ) {
		scrOfY = document.body.scrollTop;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrOfY = document.documentElement.scrollTop;
	}
	return scrOfY;
}

var getBodyHeight = function(){
	var myHeight = -1;
	if( typeof( window.innerHeight ) == 'number' ) {
		myHeight = window.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && document.body.clientHeight ) {
		myHeight = document.body.clientHeight;
	}
	return myHeight;
}

var scrollSidebar = function(){
	var topoffsetheight		= 123;
	var sidebar		= $('block4');
	var fx = new Fx.Styles(sidebar, {duration:200, wait:false});
	window.addEvent('scroll',function(){
		var topscrollposition	= getScrollY();
		if(topscrollposition > topoffsetheight){
			fx.start({
				'padding-top': (topscrollposition-topoffsetheight) + 'px'
			});
		}else{
			fx.start({
				'padding-top': '0px'
			});
		}
	});
}

var aanbodClick = function(){
	$$('.object').each(function(e){
		if (e.getProperty('rel') != 'none') {
			e.setStyle('cursor', 'pointer');
			e.addEvent('click', function(){
				document.location = e.getProperty('rel');
			});
		}
	});
}

var map;
var gdir;
var geocoder = null;
var addressMarker;

function initialize(lat,lng) {
  if (GBrowserIsCompatible()) {      
    map = new GMap2(document.getElementById("googleMaps"));
    gdir = new GDirections(map, document.getElementById("googleDirections"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
	
	map.setCenter(new GLatLng(lat,lng), 15);
	var point = new GLatLng(lat,lng);
    map.addOverlay(new GMarker(point));
  }
}

window.addEvent('domready', function(){
	snelZoeken();
	if ($('reageer')) {
		reageren();
	}
});