$(document).ready(function() {
  $("div#panel").css({height: "0px"});//on ramasse le panel control au chargement de la page
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "45px"
		})
		.animate({
			height: "45px"
		}, "fast");
		$("div.panel_button").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
	
});

$(document).ready(function() {
  $("#colonne").corner("20px");
});

function portfolio(id){
  //$('#fiche_projet').load('portfolioAjax.php', {id:+id}); meme que suivante mais en post
  $('#liste_portfolio a').removeClass('projet_actif');//reinialise la couleur de tous les liens car je change par la suite la couleur du lien cliqué
  $.get('portfolioAjax.php',{id:+id},function(data){$('#fiche_projet').html(data);})
}

function check_email(e){
 re = /^([a-zA-Z0-9]+(([\.\-\_]?[a-zA-Z0-9]+)+)?)\@(([a-zA-Z0-9]+[\.\-\_])+[a-zA-Z]{2,4})$/gi;
 result = e.match(re) ;
 if (result==null){//l'expression est incorrecte
  $("input#mail").focus();
  $("#label_mail").addClass("erreur");
  erreur="<li>L'adresse email saisie est incorrecte</li>\n";
 }else{
  erreur="";
 }
 return erreur;
}
 
//on valide le formulaire
$(function() {
  $('.text-input').focus(function(){
    $('.text-input-focus').removeClass('text-input-focus').addClass("text-input");
    $(this).removeClass("text-input");
    $(this).addClass("text-input-focus");
  });
  $(".button").click(function() {
    // validate and process form here
    var erreur="";
    $("#formContact label").removeClass('erreur');
    var message = $("textarea#message").val();
		if (message == "") {
      $("input#message").focus();
      $("#label_message").addClass("erreur");
      erreur+="<li>Votre mail ne contient pas de message</li>\n";
    }
    var sujet = $("input#sujet").val();
		if (sujet == "") {
      $("input#sujet").focus();
      $("#label_sujet").addClass("erreur");
      erreur+="<li>Votre mail ne contient pas de sujet</li>\n";
    }
    var mail = $("input#mail").val();
		if (mail == "") {
      $("input#mail").focus();
      $("#label_mail").addClass("erreur");
      erreur+="<li>Votre adresse mail est requise</li>\n";
    }else{
      erreur+=check_email(mail);
    }
    var nom = $("input#nom").val();
		if (nom == "") {
      $("input#nom").focus();
      $("#label_nom").addClass("erreur");
      erreur+="<li>Votre nom est requis</li>\n";
    }
		if(erreur!=""){
      erreur="<ul class='error'>\n"+erreur+"</ul>\n";
      //alert(erreur);
      $("#liste_erreur").html(erreur).hide().toggle("slow");
      return false;
    }else{
      $.ajax({
        type:"POST",
        url: "mailAjax.php",
        data:"nom="+nom+"&mail="+mail+"&sujet="+sujet+"&message="+message+"",
        success:function(html){
          $("#formulaire").html(html).hide().slideDown("slow", function(){
          $("#formulaire").append("");
          });
        }
      });
      return false;
    }
		
    

  });
});

function metFocus(){
  $("input#nom").select().focus();
}