$(document).ready(function(){

	$(".btn-defaulta").on('click',function(){
	    $(this).addClass("clique");
	});


	$(".btn-infoa").on('click',function(){
		$(this).addClass("clique2" );
	});

	$(".btn-infoa").hover(function(){	
	    $(this).val("S'abonner");
	    $(this).removeClass("btn-infoa").addClass( "btn-defaulta" );
	  },function(){
	  	if($(this).hasClass("clique2")){
	}else{
		 $(this).val("Abonné");
	     $(this).removeClass("btn-defaulta").addClass("btn-infoa");
	}
	});


	$(".btn-defaulta").hover(function(){
	    $(this).val("Abonné");
	    $(this).removeClass( "btn-defaulta" ).addClass( "btn-infoa" );
	 },function(){
	    if($(this).hasClass("clique")){

	 }else{
	     $(this).val("S'abonner");
	     $(this).removeClass( "btn-infoa" ).addClass( "btn-defaulta" );	
	 }
	});
});

	function suivre(id) {

		var url = '/abonnements.php';
		var method = 'POST';
		var params = 'id='+id;
		ajax (url, method, params)

	}

	function desabonner(id) {

			var url = '/desabonner.php';
			var method = 'POST';
			var params = 'id='+id;
			ajax (url, method, params) ;

	}
	 
	function ajax (url, method, params) {
	    try { 
	    	xhttp = new XMLHttpRequest();
	    } catch(e) {
		    try{ 
		    	xhttp = new ActiveXObject("Microsoft.XMLHTTP");
		    } catch(e1) {
			    alert("No");
			}
		}
		xhttp.open(method, url, true);
		xhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		xhttp.send(params);
	}