var order = "oorder";

function filter( p_sWoningType, p_sOrder )
{
	if( p_sOrder != null )
	{
		order = p_sOrder;
	}

	new Ajax.Request (
		'pages/woningaanbod/filter_woningaanbod.php',
		{
			method: 'post',
			parameters: 
			{
				objecttype: p_sWoningType,
				woningtype: $F('filterobject'),
				plaats: $F('filterplaats'),
				prijs_van: $F('filterprijsvan'),
				prijs_tot: $F('filterprijstot'),
				order: order
			},
			onSuccess: function( transport ){
				var json = transport.responseText.evalJSON();
				$('woning_container').innerHTML = json.woningaanbod;
				
				if( json.order == 'straat' )
				{
					$('adres').innerHTML = "Adres " + json.sort_richting;
					$('plaats').innerHTML = "Plaats";
					$('bouwjaar').innerHTML = "Bouwjaar";
					$('prijs').innerHTML = "Vraagprijs";
					$('adres').setStyle({ 'color': '#747477' });
					$('plaats').setStyle({ 'color': '#FFFFFF' });
					$('bouwjaar').setStyle({ 'color': '#FFFFFF' });
					$('prijs').setStyle({ 'color': '#FFFFFF' });
				}
				else if( json.order == 'woonplaats' )
				{
					$('adres').innerHTML = "Adres";
					$('plaats').innerHTML = "Plaats " + json.sort_richting;
					$('bouwjaar').innerHTML = "Bouwjaar";
					$('prijs').innerHTML = "Vraagprijs";
					$('adres').setStyle({ 'color': '#FFFFFF' });
					$('plaats').setStyle({ 'color': '#747477' });
					$('bouwjaar').setStyle({ 'color': '#FFFFFF' });
					$('prijs').setStyle({ 'color': '#FFFFFF' });
				}
				else if( json.order == 'bouwjaar' )
				{
					$('adres').innerHTML = "Adres";
					$('plaats').innerHTML = "Plaats";
					$('bouwjaar').innerHTML = "Bouwjaar " + json.sort_richting;
					$('prijs').innerHTML = "Vraagprijs";
					$('adres').setStyle({ 'color': '#FFFFFF' });
					$('plaats').setStyle({ 'color': '#FFFFFF' });
					$('bouwjaar').setStyle({ 'color': '#747477' });
					$('prijs').setStyle({ 'color': '#FFFFFF' });
				}
				else if( json.order == 'prijs' )
				{
					$('adres').innerHTML = "Adres";
					$('plaats').innerHTML = "Plaats";
					$('bouwjaar').innerHTML = "Bouwjaar";
					$('prijs').innerHTML = "Vraagprijs " + json.sort_richting;
					$('adres').setStyle({ 'color': '#FFFFFF' });
					$('plaats').setStyle({ 'color': '#FFFFFF' });
					$('bouwjaar').setStyle({ 'color': '#FFFFFF' });
					$('prijs').setStyle({ 'color': '#747477' });
				}
			}
		}
	);
}