var displayMode = "box";

function init() {

	// Init des boutons d'options d'affichage
	$("a#options_box, a#options_box_selected").click(function() {
		$('a#options_list_selected').attr('id', 'options_list');
		$('a#options_box').attr('id', 'options_box_selected');
		setBox();
	});
	
	$("a#options_list, a#options_list_selected").click(function() {
		$('a#options_box_selected').attr('id', 'options_box');
		$('a#options_list').attr('id', 'options_list_selected');
		setList();
	});
	
	// init des boutons de categorie
	$('a.cat').each( function() {
		// var myhref = $(this).attr("href");
		// var mycat = myhref.substr(16);
		// $(this).attr('onclick','checkCat($(this), '+mycat+');');
		$(this).attr('href','#');
	});
	
	// init des boutons d'alphabet
	$('a.alpha').each( function() {
		$(this).attr('href','#');
	});
	
	// Si javascript on supprime la <form>...
	// var recup = $('form#mySearch').html();
	// $('#rewrite').html(recup);

	// Init du bt de recherche
	$('input#recherche').click(function() {
		var str = $('input#s_field').attr('value');
		checkStr(str);
	});
	
	var connexion_status = false;
	// Init de la boite de connexion
	$('a#connect_me').click(function() {
		if (!connexion_status) {
			$('div#connexion').stop(true, true).animate({'top':-25},250, function() {
					$('a#connect_me').html('Fermer');
					connexion_status = true;
				});
			$('a#connect_me').stop(true,true).animate({'top':95},250);
		} else {
			$('div#connexion').stop(true, true).animate({'top':-150},250, function() {
					$('a#connect_me').html('Me connecter');
					connexion_status = false;
				});	
			$('a#connect_me').stop(true,true).animate({'top':130},250);
		}
	});
	
	// Check de la tentative de connection
	var check_error = $('div#connex_error').length;
	if (check_error) {
		$('div#connexion').stop(true, true).animate({'top':-25},250, function() {
					$('a#connect_me').html('Fermer');
					connexion_status = true;
				});
		$('a#connect_me').stop(true,true).animate({'top':95},250);
	}
}

function setBox() {
	var divs = $("a.carte_projet_list");
	$(divs).removeClass("carte_projet_list");
	$(divs).addClass("carte_projet_box");
	
	displayMode = "box";
}

function setList() {
	var divs = $("a.carte_projet_box");
	$(divs).removeClass("carte_projet_box");
	$(divs).addClass("carte_projet_list");
	
	displayMode = "list";
}

function checkCat(e,id) {
	

	$('.alpha_selected').removeClass('alpha_selected');	
	$('.cat_selected').removeClass('cat_selected');
	
	e.addClass('cat_selected');

	$('#content').fadeTo(200,0,function() {
			
			$('#message').html("Recherche en cours...").css('display','block').fadeTo(0,0).fadeTo(200,1);
			
			var requestCat = 	$.ajax({
				type: "POST",
				url: "./annuaire_ajax/requete_categorie.php",
				data: "cat="+id+"&mode="+displayMode,
				success: function(msg){
					$('#message').fadeTo(400,0, function() {
						$(this).css('display','none');
						$('#content').html(msg);
						$('#content').fadeTo(200,1);
					});
				}
			});
		});
}

function checkAlpha(id, elem) {
	
	$('.alpha_selected').removeClass('alpha_selected');
	$(elem).addClass('alpha_selected');
		
	$('.cat_selected').removeClass('cat_selected');
	
	$('#content').fadeTo(200,0,function() {
		
		$('#message').html("Recherche en cours...").css('display','block').fadeTo(0,0).fadeTo(200,1);
	
		var requestCat = 	$.ajax({
			type: "POST",
			url: "./annuaire_ajax/requete_alphabet.php",
			data: "alpha="+id+"&mode="+displayMode,
			success: function(msg){
				$('#message').fadeTo(200,0, function() {
					$(this).css('display','none');
					$('#content').html(msg);
					$('#content').fadeTo(200,1);
				});
			}
		});
	});
}

function checkStr(str) {
	
	$('.alpha_selected').removeClass('alpha_selected');
	$('.cat_selected').removeClass('cat_selected');
	
	$('#content').fadeTo(200,0,function() {
		
		$('#message').html("Recherche en cours...").css('display','block').fadeTo(0,0).fadeTo(200,1);
	
		var requestStr = 	$.ajax({
			type: "POST",
			url: "./annuaire_ajax/requete_string.php",
			data: "str="+str+"&mode="+displayMode,
			success: function(msg){
				$('#message').fadeTo(200,0, function() {
					$(this).css('display','none');
					$('#content').html(msg);
					$('#content').fadeTo(200,1);
				});
			}
		});
	});
}