// JavaScript Document
$(function(){
		 
	function allEventDisplay(page, url, effect){
		var id = $('#event-detail').attr('class');
		// Ajax
		$.ajax({
		   type: "POST",
		   url: "ajax/"+url,
		   dataType: 'json',
		   data: "id="+id+"&page="+page,
		   success: function(data){
			// Return si ok
			if(effect == 'ok'){
				// Affiche les events avec effet FadeIn
				$('#all-events').hide();
				$('#all-events').html(data.html);
				$('#all-events').fadeIn('slow');
			}else{
				$('#all-events').html(data.html);
			}
			
			// Récup de la page en cours
			page_in = data.page;
			page_in = parseInt(page_in);

			// Récup valeur btn next
			nextJS = data.next;
			// Récup valeur btn prev
			prevJS = data.prev;
			
			// Show/Hide btn next
			if(nextJS == false){
				$('#next').hide();
			}else{
				$('#next').show();
			}
			
			// Show/Hide btn prev
			if(prevJS == false){
				$('#prev').hide();
			}else{
				$('#prev').show();
			}
		   }
		});
	}
		
	// Click next => allEventDisplay
	$('#next').click(function(){
		page_in = page_in+1;
		allEventDisplay(page_in, url, 'ko')
	
	})
	
	// Click prev => allEventDisplay
	$('#prev').click(function(){
		page_in = page_in-1;
		allEventDisplay(page_in, url, 'ko');
	})

	// Lance la fonction allEventDisplay au chargement de la page ...
	allEventDisplay(-1, url, 'ko');
});