$(document).ready(function(){
	/**
	 * Voeg div-container voor het "dit-is-niet-ok" Dialoog-venster toe en maak er een jQuery UI dialog handler van
	 */
	$('<div id="ditIsNietOkPopup"></div>')
		.prependTo('body')
		.dialog({
				autoOpen:		false
			,	resizable:		true
			,	dialogClass:	'roffaPopup'
			,	title:			'Dit is niet ok&eacute;'
			,	modal:			true
			,	buttons:		{
					'versturen':	function(){
							/**
							 * Voer Ajax request uit om het bericht te verwijderen
							 */	
							$.ajax({
							   		type: 		'POST'
							   	,	cache:		false
							   	,	url: 		'' + $('div#ditIsNietOkPopup form').attr('action')
							   	,	data: 		$('div#ditIsNietOkPopup form').serialize()
							   	,	error:		function(XMLHttpRequest, textStatus, errorThrown){
							   			/**
							   			 * Als er een fout is opgetreden, dan moet hiervan een melding gemaakt worden.
							   			 * Wanneer de melding gesloten wordt moet de datastore worden geleegd en zowel de melding als het
							   			 * bevestigings Dialoog-venter worden gesloten
							   			 */
										$('<div id="ajaxHandlerError" title="Foutmelding"></div>')
						  					.html(XMLHttpRequest.responseText)
						  					.prependTo('body')
						  					.dialog({
						  							autoOpen: true
						  						,	close: function(){
						  							}
						  						,	buttons:  {
						  								'ok': function(){
						  									$(this)
						  										.dialog('destroy');
						  								}
						  						}
						  					});
							   	}
							   	,	success: 	function(data, textStatus){
							   			$('div#ditIsNietOkPopup')
							   				.dialog('close');
								}
							});
					},
					'annuleren':	function(){
						$(this).dialog('close');
					}
				}
		});
	
	/**
	 * Voeg handlers toe voor "dit-is-niet-ok" objecten
	 */
	$('.btDitIsNietOk[rel]')
		.live('click', function(e){ 
			e.preventDefault(); 
			
			/**
			 * Rel-attribuut uitlezen en variabelen bepalen
			 */
			var meldingOpties = $(this)
									.attr('rel')
									.split(':');
			
			switch(true)
			{
				case $(meldingOpties).size() == 3:
					meldingOpties = {'type': meldingOpties[0], 'uuid': meldingOpties[1], 'itemType': meldingOpties[2]};
					break;
				case $(meldingOpties).size() == 2:
					meldingOpties = {'type': meldingOpties[0], 'uuid': meldingOpties[1]};
					break;
				default:
					/* Doe niets met het dialoogvenster */
					return false;
			}
			
			meldingOpties.url = window.location;
			
			$('div#ditIsNietOkPopup')
				.load(
					'/include/paginas/dit-is-niet-oke.php'
				, 	meldingOpties 
				, 	function(data){
						if (data !== '')
						{			    	
							$(this).dialog('open');
						}
				});
				
			return false;
		});
	
	/**
	 * Pas Cufon toe voor het profiel venster
	 */
	Cufon('div.roffaPopup .ui-widget-header');
	Cufon('div.roffaPopup button');
});