window.addEvent('domready', function () {
	
	$('submit').addEvent('click', function (e) {
	
		e.stop();
			
		var situatie 	  	= $('situatie').get('value');
		var geboortedag   	= $('geboortedatumdag').get('value');
		var geboortemaand 	= $('geboortedatummaand').get('value');
		var geboortejaar  	= $('geboortedatumjaar').get('value');
		var postcoden	  	= $('postcoden').get('value');
		var postcodea	  	= $('postcodea').get('value');
		var huisnummer	  	= $('huisnummer').get('value');
		/*var woningtype	  	= $('woningtype').get('value');
		var kamers		  	= $('kamers').get('value');
		
		if ($('huurder').get('checked') == true) {
			var eigendom = 'H';
		}
		else {
			var eigendom = 'K';
		}
		
		if ($('rietendak').get('checked') == true) {
			var rietendak = 'J';
		}
		else {
			var rietendak = 'N';
		}*/
				
		
		if (geboortedag != '' && geboortemaand != '' &&geboortejaar != '' && postcoden != '' && postcodea != '' && huisnummer != '') {
			$('results').empty();
			$('results').addClass('loading');
			$('results').setStyle('border', 'none');
			
			var Loader = new Request.JSON({
				url: 'loader.php?situatie=' + situatie + '&geboortedag=' + geboortedag + '&geboortemaand=' + geboortemaand + '&geboortejaar=' + geboortejaar + '&postcoden=' + postcoden + '&postcodea=' + postcodea + '&huisnummer=' + huisnummer,
				onSuccess: function(output) {
					output.providers.each(function (item) {
																
						var result = new Element('div', {
							'class': 'result',
							'events': {
								'click': function () {
									window.location = 'redirect.php?id=' + item.name
								}
							}
						});
						
						var item_1 = new Element('div', {
							'class': 'result_item ' + item.name,
							'style': 'width: 80px; padding: 0px; margin: 10px;'
						});
						
						var item_2 = new Element('div', {
							'class': 'result_item hover',
							'style': 'width: 2px; margin-right: 5px; padding-top: 12px; padding-left: 0px; padding-right: 0px; background: #EFEFEF;'
						});
						
						var item_3 = new Element('div', {
							'class': 'result_item',
							'html': '<span style="font-size: 44px;">&euro; ' + item.price_month + '</span> p/m'
						});
						
						var item_4 = new Element('div', {
							'class': 'result_item hoveroff',
							'style': 'width: 280px; padding-top: 12px; background: #EFEFEF;',
							'html': '<strong>Bijzonderheden:</strong> Eenmalige kosten: &euro; ' + item.costs_once + '. ' + item.special
						});
						
						var item_4b = new Element('div', {
							'class': 'result_item hoveron',
							'style': 'width: 280px; padding-top: 12px; background: #EFEFEF;',
							'html': '<a href="#">Ga naar verzekeraar</a>'
						});
						
						var item_5 = new Element('div', {
							'class': 'result_item',
							'style': 'width: 90px; padding-top: 12px; text-align: center;',
							'html': 'Jaarprijs <br /> <strong style="font-size: 22px;">&euro; ' + item.price_year + '</strong>'
						});
						
						
						var container = $('results');
						
						item_1.inject(result);
						item_2.inject(result);
						item_3.inject(result);
						item_4.inject(result);
						item_4b.inject(result);
						item_5.inject(result);
						result.inject(container);
						
						$('results').removeClass('loading');
						$('results').setStyle('border-top', '1px solid #EFEFEF');
																					
					});		
					
					var warning = new Element('div', {
						'style': 'font-size: 12px; padding: 10px;',
						'text': 'Deze vergelijking is tussen 3 verzekeraars. Er kunnen nog goedkopere verzekeraars bestaan.'
					});	
					warning.inject($('results'));
				}
			}).send();
			
		}
		else {
			alert ('Vul alle velden in.');
		}
		
	});
		
});

function goToUrl (url) {

	window.location = 'redirect.php?id=' + url;	

}	
