// JavaScript Document

function showReacties(categorie, id){
	$.ajax({
	  type: 'get',
	  url: 'reacties.php?id=' + id + '&categorie=' + categorie,
	  success: function(data) {
			$('.reactieItems').html(data);
			initReactieFields();
		},
	  dataType: 'text'
	});
}

$(function () {		
	initReactieFields();
})

function initReactieFields(){
	$('.reactieItem textarea').click(function(){
		$('.reactieItem button').show();
	})

	$('.reactieItem button').hide().click(function(){
		
		
		var bericht = $('.reactieItem textarea').val();
		var itemId = $('input#itemId').val();
		var categorie = $('#categorie').val();
		data = {itemId: itemId, categorie: categorie, bericht:bericht};			
		$.ajax({
		  type: 'POST',
		  url: 'ajax.php?c=test&action=sendReactie',
		  data: data,
		  success: function(data) {
			  	itemId = $('input#itemId').val();
				categorie = $('input#categorie').val();
				showReacties(categorie, itemId);
			},
		  dataType: 'text'
		});
		return false;
		
	})
}