var arrGrafiekTypen = [];
var arrGrafiekWoningTypen = [];

function initGrafiekKeuzes( Nr ) {
	$('#woningmarkt-grafieken img').each( function() {
		arrGrafiekTypen.push( { id: $(this).attr( 'id' ), titel: $(this).attr( 'alt' ), src: $(this).attr( 'src' ) } );
	} );
	
	$('.woningmarkt-typewoning label').each( function() {
		arrGrafiekWoningTypen.push( { id: $(this).attr('for').replace( 'wt-', '' ), titel: $(this).text() } );
	} );
	
	$('.woningmarkt-typewoning input').click( function() {
		for ( var n = 0; n < arrGrafiekTypen.length; n++ ) {
			$( '#'+arrGrafiekTypen[n].id ).attr( 'src', arrGrafiekTypen[n].src+'?wt='+$(this).val() );
		}
	} );
}

function toonMarktHelpToplijst( Soort ) {
	var html = 'De 20 plaatsen met de '+( Soort == 'duurste' ? 'hoogste' : 'laagste' )+' mediaan vraagprijs deze week.<br />'+
	'Tussen haakjes staat de positie die de plaats vorige week innam.'+
	'<br /><br /><b>Mediaan vraagprijs</b><br />'+
	'Dit is de vraagprijs van de koopwoning die midden in de oplopende reeks van vraagprijzen ligt.<br />'+
	'Is het aantal koopwoningen een even getal, dan is waarde van de mediaan het gemiddelde van de vraagprijzen van de 2 koopwoningen middenin de oplopen reeks.';
	
	$('#dialoog').dialog( 'option', 'title', ( Soort == 'duurste' ? 'Duurste' : 'Goedkooptste' )+' plaatsen' ).html( html ).dialog('open');
}

function toonMarktHelp( Titel, Periode ) {
	var html = 'Alle getoonde statistieken en grafieken hebben alleen betrekking op bestaande woonhuizen en appartementen waarvan '+
	'de vraagprijs ligt tussen &euro; 50.000 en &euro; 5.000.000 en de woonoppervlakte ligt tussen 50m&sup2; en 1.500m&sup2; in de betreffende periode.<br />'+
	'<br />De getoonde stijging/daling achter de verschillende woningmarktcijfers is de stijging/daling ten opzichte van de week/maand daarvoor.<br />'+
	'<br /><b>Koopwoningen ( <i>n</i> )</b><br />'+
	'Het aantal woonhuizen en appartementen waarvan de vraagprijs ligt tussen &euro; 50.000 en &euro; 5.000.000 en de woonoppervlakte ligt '+
	'tussen 50m&sup2; en 1.500m&sup2; in de betreffende periode.<br />'+
	'<br /><b>Mediaan vraagprijs</b><br />'+
	'Dit is de vraagprijs van de koopwoning die midden in de oplopende reeks van vraagprijzen ligt.<br />'+
	'Is het aantal koopwoningen ( <i>n</i> ) een even getal, dan is waarde van de mediaan het gemiddelde '+
	'van de vraagprijzen van de 2 koopwoningen middenin de oplopen reeks.<br />'+
	'<br /><b>Gemiddelde vraagprijs</b><br />'+
	'Dit is de som van de vraagprijs van <i>n</i> koopwoningen gedeeld door <i>n</i>.<br />'+
	'<br /><b>Gemiddelde vraagprijs / m&sup2;</b><br />'+
	'De vraagprijs per m&sup2; voor een woning is gelijk aan de vraagprijs gedeeld door de woonoppervlakte (in m&sup2;) van die woning.<br />'+
	'De gemiddelde vraagprijs / m&sup2; is de som van de vraagprijs / m&sup2; van <i>n</i> koopwoningen gedeeld door <i>n</i>.<br />'+
	'<br /><b>Woningen met prijsdaling</b><br />'+
	'Dit is het percentage woningen waarvan de vraagprijs in de betreffende periode naar beneden is aangepast.<br />'+ 
	'<br /><b>Woningen met prijsstijging</b><br />'+
	'Dit is het percentage woningen waarvan de vraagprijs in de betreffende periode naar boven is aangepast.<br />'+
	'<br /><b>Rekenvoorbeeld met 10 koopwoningen</b><br />'+
	'<table><tr><th style="width: 100px;">Woning</th><th style="width: 100px;">Vraagprijs</th><th style="width: 160px;">Woonoppervlakte</th><th>Vraagprijs / m&sup2;</th></tr>'+
	'<tr><td>woning 1</td><td>&euro; 200.000</td><td>100 m&sup2;</td><td>&euro; 2.000 / m&sup2;</td></tr>'+
	'<tr><td>woning 2</td><td>&euro; 320.000</td><td>140 m&sup2;</td><td>&euro; 2.286 / m&sup2;</td></tr>'+
	'<tr><td>woning 3</td><td>&euro; 245.000</td><td>110 m&sup2;</td><td>&euro; 2.227 / m&sup2;</td></tr>'+
	'<tr><td>woning 4</td><td>&euro; 560.000</td><td>200 m&sup2;</td><td>&euro; 2.800 / m&sup2;</td></tr>'+
	'<tr><td>woning 5</td><td>&euro; 190.000</td><td>90 m&sup2;</td><td>&euro; 2.111 / m&sup2;</td></tr>'+
	'<tr><td>woning 6</td><td>&euro; 290.000</td><td>110 m&sup2;</td><td>&euro; 2.636 / m&sup2;</td></tr>'+
	'<tr><td>woning 7</td><td>&euro; 260.000</td><td>115 m&sup2;</td><td>&euro; 2.261 / m&sup2;</td></tr>'+
	'<tr><td>woning 8</td><td>&euro; 410.000</td><td>155 m&sup2;</td><td>&euro; 2.645 / m&sup2;</td></tr>'+
	'<tr><td>woning 9</td><td>&euro; 160.000</td><td>70 m&sup2;</td><td>&euro; 2.286 / m&sup2;</td></tr>'+
	'<tr><td>woning 10</td><td>&euro; 240.000</td><td>115 m&sup2;</td><td>&euro; 2.087 / m&sup2;</td></tr>'+
	'</table><br />'+
	'Aantal koopwoningen ( <i>n</i> ) = 10<br />'+
	'<br />Voor alle 10 woningen geldt dat de de vraagprijs ligt tussen &euro; 50.000 en &euro; 5.000.000 en de woonoppervlakte groter is dan 50 m&sup2; en kleiner dan 1.500 m&sup2;.'+
	'Alle 10 woningen worden daarom meegenomen in de berekening voor de gemiddelde vraagprijs per m&sup2;.<br />'+
	'<br />Gemiddelde vraagprijs:<br />Som vraagprijs <i>n</i> koopwoningen / <i>n</i> = &euro; 2.875.000 / 10 = &euro; 287.500<br />'+
	'<br />Gemiddelde vraagprijs / m&sup2;:<br />Som vraagprijs per m&sup2; / aantal woningen = &euro; 23.339 / 10 = &euro; 2.334 / m&sup2;<br />'+
	'<br />Voor de berekening van de mediaan vraagprijs zetten we de huizen in oplopende volgorde van vraagprijs:<br /><br />'+
	'<table><tr><th style="width: 100px;">Woning</th><th>Vraagprijs</th></tr>'+
	'<tr><td>woning 9</td><td>&euro; 160.000</td></tr>'+
	'<tr><td>woning 5</td><td>&euro; 190.000</td></tr>'+
	'<tr><td>woning 1</td><td>&euro; 200.000</td></tr>'+
	'<tr><td>woning 10</td><td>&euro; 240.000</td></tr>'+
	'<tr><td>woning 3</td><td>&euro; 245.000</td></tr>'+
	'<tr><td>woning 7</td><td>&euro; 260.000</td></tr>'+
	'<tr><td>woning 6</td><td>&euro; 290.000</td></tr>'+
	'<tr><td>woning 2</td><td>&euro; 320.000</td></tr>'+
	'<tr><td>woning 8</td><td>&euro; 410.000</td></tr>'+
	'<tr><td>woning 4</td><td>&euro; 560.000</td></tr>'+
	'</table><br />'+
	'Het aantal koopwoningen is een even getal ( <i>n</i> = 10 ), dus de mediaan vraagprijs is het gemiddelde '+
	'van de vraagprijzen van de 2 koopwoningen middenin de reeks (woning 3 en woning 7):<br /><br />'+
	'Mediaan vraagprijs = (&euro; 245.000 + &euro; 260.000) / 2 = &euro; 252.500';
	html = html.replace( 'week/maand', Periode );
	
	$('#dialoog').dialog( 'option', 'title', 'Woningmarktcijfers '+Titel ).dialog( 'option', 'height', 402 ).html( html ).dialog('open');
}

function toonMarktUitleg( Titel, Totaal, Uniek ) {
	var html = 'Huizenzoeker doorzoekt in totaal <strong>'+Totaal+'</strong> koopwoningen in '+Titel+'.<br />'+
	'<br />De getoonde statistieken en grafieken hebben alleen betrekking op bestaande woonhuizen en appartementen waarvan de vraagprijs '+
	'ligt tussen &euro; 50.000 en &euro; 5.000.000 en de woonoppervlakte ligt tussen 50m&sup2; en 1.500m&sup2;. Dit betreft '+
	'<b>'+Uniek+'</b> koopwoningen.';
	
	$('#dialoog').dialog( 'option', 'title', 'Koopwoningen '+Titel ).dialog( 'option', 'height', 'auto' ).html( html ).dialog('open');
}

function toonMarktEmbed( Titel, GrafiekSrc, TypeNr ) {
	var html = '';
	
	if ( TypeNr ) {
		html += 'Selecteer grafiek voor implementatie:<br />';
		html += '<div id="embed-keuzes">';
		
		for ( var n = 0; n < arrGrafiekTypen.length; n++ ) {
			var typeRow = arrGrafiekTypen[ n ];
			
			var labelTitel = typeRow.titel.split(',')[0].replace( ' koopwoningen', '' );
			html += '<div><input type="radio"'+( n == 0 ? ' checked="checked"' : '' )+' name="grafiektype"';
			html += " id=\"gt-"+( n + 1 )+"\" onclick=\"setMarkEmbedCode( false, '"+typeRow.titel+"', '"+typeRow.src+"', "+( TypeNr - 1 )+' );" />';
			html += '<label for="gt-'+( n + 1 )+'">'+labelTitel+'</label></div>';
		}
		
		html += '</div>';
	}
	
	html += 'Kopieer en plak de HTML code in uw site om de grafiek te implementeren:<br />'+
	'<textarea id="embed-code" class="code" readonly="readonly"></textarea>';
	
	$('#dialoog').dialog( 'option', 'title', 'Grafiek HTML code' ).dialog( 'option', 'height', 'auto' ).html( html ).dialog('open');
	
	if ( TypeNr ) {
		$('#gt-1').trigger('click');
	} else {
		setMarkEmbedCode( Titel, 'Mediaanprijs', GrafiekSrc+'mediaanprijs.gif', false );
	}
}

function setMarkEmbedCode( Titel, GrafiekTitel, GrafiekSrc, TypeNr ) {
	var embedCode = '<a href="http://www.huizenzoeker.nl/">\n'+
	'<img src="'+GrafiekSrc+'?w=324&amp;h=180'+( TypeNr ? '&amp;wt='+TypeNr : '')+'"'+
	' alt="'+GrafiekTitel+( Titel ? ', '+Titel : '' )+'" border="0" style="border: none; width: 324px; height: 180px;" />\n</a>';
	
	$('#embed-code').val( embedCode ).bind( 'focus click', function() { $(this).select(); } );
}

$(document).ready( function() {
	if ( $('#woningmarkt-pdf tbody.meer').length == 0 ) {
		return;
	}
	$('#woningmarkt-pdf tbody.meer').hide();
	$('#woningmarkt-pdf').append( '</tbody><tbody><tr><td colspan=\"2\"><a href=\"#\" onclick=\"$(\'table.woningmarkt-locaties tbody.meer\').show(); $(this).parents(\'tbody\').remove(); return false;\" rel=\"nofollow\">Toon alle woningmarktcijfers &raquo;</a></td></tr>' );
} );