function showMedia(id) {
	$("#media-detail").load("/media.php?item_id="+id);
}
/*
function add_DPR_activiteit_slot() {
	add_DPR_activiteit_index++;
	$("#add-DPR-activiteit").before('\
	<tr>\
		<td class="label">Projectactiviteit</td>\
		<td> <input class="input-300" name="DPR_activiteit[add]['+add_DPR_activiteit_index+'][DPR_activiteit_naam]" type="text" value="" maxlength="200" /></td>\
	</tr>\
	<tr>\
		<td class="label">Datum</td>\
		<td> <input class="add_date" id="date_add_'+add_DPR_activiteit_index+'" name="DPR_activiteit[add]['+add_DPR_activiteit_index+'][DPR_activiteit_datum]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td colspan="2">&nbsp;</td>\
	</tr>\
	');
	$(".add_date").datepicker($.extend({}, 
	$.datepicker.regional["nl"], { 
			duration: "",
			dateFormat: "dd/mm/yy", 
			changeMonth: false, 
			changeYear: false, 
			showOn: "both", 
			buttonImage: "/img/calendar.gif", 
			buttonImageOnly: true,
			minDate: 0
	})); 
}
*/
var datepickercount = 1;	
	
var add_PL_partner_index = 0;
function add_PL_partner_slot(item_relation_cat_id) {
	add_PL_partner_index++;
	$("#add-PL-partner").before('\
	<tr>\
		<td class="label">naam</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][name]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">straat en nummer</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][street_nr]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">postnummer en gemeente</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][city]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">telefoonnummer</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][tel]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">gsm-nummer</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][gsm]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">e-mailadres</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][email]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td class="label">verantwoordelijkheid</td>\
		<td> <input class="input-300" name="create_link['+item_relation_cat_id+']['+add_PL_partner_index+'][verantw]" type="text" value="" /></td>\
	</tr>\
	<tr>\
		<td colspan="2">&nbsp;</td>\
	</tr>\
	');	
}

$(document).ready(function() {
													 
	// Tabs
	$('#tabs').tabs({
		select: function(event, ui) { 
			$("#load-animation").show();
		},
		load: function(event, ui) { 
			$("#load-animation").hide();
		}
	});
													 
	$('.subsidieverlener_select').bind('change', function() { changeSubsidieverlener($(this),$(this).parent()); });
	
	// Forgot password
	$("#forgot-password-button").click(function() {
		$("#login").hide();
		$("#forgot-password").show();
	});
	
	// Show login
	$("#show-login-button").click(function() {
		$("#forgot-password").hide();
		$("#login").show();
	}); 
	
	
	// Check all checkboxes
	$("#check_all").click( function() {
			$("#content" + " INPUT[type='checkbox']").attr('checked', true);
	});
	
	
	$("#feedback-button").click(function() {
		$("#feedback-text").toggle();
	}); 

	$("#initiatief_form").validate();
	
	$("#subsidieverlener_form").validate({
		rules: {
			city_id: {
				required: true
			}
		},
		messages: {
			city_id: {
				required: "<br />Gelieve een gemeente uit de lijst te kiezen. *"
			}
		}
	});
	
	$("#find-form").validate({
		//errorContainer: "#error_message",
		errorLabelContainer: "#error_message",
		errorClass: "grey",
		rules: {
			city_id: {
				required: function(element) {
					return $("#ac_city").val() != "";
				}
			}
		},
		messages: {
			city_id: {
				required: "Gelieve een gemeente of stad uit de lijst van suggesties te kiezen.<br />U krijgt de suggesties te zien wanneer u een postcode of de eerste letters van uw stad of gemeente ingeeft.<br /><br />U kan het invulveld ook leeg laten en naar de volgende stap gaan om geen selectie op basis van stad of gemeente te maken."
			}
		}
	});
	
	$('.required[type!=hidden]').after($('<span />').css('color', 'red').css('font-size', 'small').html(' *'));
	
	$(".subsidie-type").click( function() {
		var checked = $(this).attr("checked");																
		$(".subsidie-type").removeAttr("checked");
		if(checked) {
			$(this).attr("checked", "checked");
		}
	});

});


function setLevel(level_id) {
	var n_checked = $(".sublevel-"+level_id+":checked").length;
	if(n_checked > 0)
		$(".level-"+level_id).attr("checked", "checked");
	else
		$(".level-"+level_id).removeAttr("checked");
}

function setSubLevel(level_id) {
	var level_checked = $(".level-"+level_id).attr("checked");
	if(level_checked)
		$(".sublevel-"+level_id).attr("checked", "checked");
	else
		$(".sublevel-"+level_id).removeAttr("checked");
}

function addDateFields(submit_it) {
	$('.datehidden').remove();
	
	$('.dp').each(function() {
		the_date = $(this).datepicker('getDate');
		$('#initiatief_form').append($('<input />').addClass('datehidden').css('display', 'none').attr('name', 'date[]').val(the_date));															
	});

	if(submit_it) {
		$('#initiatief_form').submit();
	}
	return false;
	
}

function addDatePicker(insertpos) {
	
	datepickercount = datepickercount+1;
	div1 = $('<div />').addClass('datepicker-frame');
	div2 = $('<div />').addClass('datepicker' + datepickercount).addClass('dp');
	div1.append(div2);
	$(insertpos).after(div1.append('<p style="clear: both;"><small>(<a href="#" onclick="$(this).parent().parent().parent().remove(); return false;">verwijder</a>)</small></p>'));
	$('.dp').datepicker(); 
	
}


function convert_unix_date(unixtime) {
	var newDate = new Date( );
	newDate.setTime( unixtime*1000 );
	alert(newDate.toUTCString());
	return newDate.toUTCString();
}


function changeSubsidieverlener(el,parent) {
	$(el).fadeOut();
	
	$.get('ajax.php?case=change_subsidieverlener&id=' + $(el).attr('id').replace('subsidieverlener-', '') + '&sv=' + $(el).val(), '', function() {
			// do something so we now it's done, pulse?
			$(el).fadeIn();
			
	});
}