$(document).ready(function() {

  nbIngredients = 0;
   
  //comptage du nb de caracteres restants et mise a jour
  $('#formAjouterMessage').keyup(function() { 
    nbChar = $(this).val().length;
    if(nbChar > 800)
    {
      $(this).val($(this).val().substr(0,800));
    }
    nbChar = $(this).val().length;
    $('#formAjouterNbChar').text(800-nbChar);
  
  });


  //affichage du formulaire au clique sur le bouton
  $('#blockAjouterContainer').click(function() {
    $('#overlay').height($('#body').outerHeight());
    $('#overlay').fadeTo('fast', 0.8);
    $('#formAjouter').fadeIn('fast');
  });
  
  //cache le formulaire au clic sur le bouton annuler
  $('#formAjouterBoutonAnnuler').click(function() {
    $('#overlay').fadeOut('fast');
    $('#formAjouter').fadeOut('fast', function() {
      $('#formAjouterErreurText').hide();
    });
  });
  
  //cache la confirmation de soumission au clic sur le bouton ok
  $('#soumissionConfirmationBoutonOK').click(function() {
    $('#overlay').fadeOut('fast');
    $('#soumissionConfirmation').fadeOut('fast');
  });
  
  //soumission d'un cocktail et affichage de la confirmation ou de l'erreur                   
  $('#formAjouterBoutonSoumettre').click(function() {  
    
    
    ingredients = '';
    for(i=0; i<=nbIngredients; i++)
    {
      if($('#ajouterIngItem'+i).val() != -1)
      {
        ingredients += $('#ajouterIngItem'+i).val() + ',';
      }
    }
    if(ingredients.length > 0) ingredients = ingredients.substring(0,ingredients.length-1);
    
    qteErreur = false;
    qte = '';
    for(i=0; i<=nbIngredients; i++)
    { 
      if($('#qteIng'+i).val() != '' && $('#qteIng'+i).val() != 'quantité (3cl, 5g, 1/2...)')
      {
        qte += $('#qteIng'+i).val() + ',';
      }else
      {
        qteErreur = true;
      }
    }
    if(qte.length > 0) qte = qte.substring(0,qte.length-1);
  
  
    if($('#formAjouterPseudo').val() != '' && $('#formAjouterNomCocktail').val() != '' && $('#formAjouterMessage').val() != '' && $('#imastupidrobot').val() == '' && ingredients.length > 0 && !qteErreur)
    {
      $('#formAjouterBoutons').hide();
      $('#formAjouterLoader').show();
      
      reponseAjax = $.ajax({
                  url: url_base_cocktail + "newCocktail.php",
                  async: false,                                         
                  type: "POST",
                  data: ({pseudo : $('#formAjouterPseudo').val(),
                          nom : $('#formAjouterNomCocktail').val(),
                          cat : $('#formAjouterCat').val(),
                          message : $('#formAjouterMessage').val(),
                          ingredients : ingredients,
                          typeVerre: $('#formAjouterTypeVerre').val(),
                          qte : qte 
                        }),
                  dataType: "text"
               }
            ).responseText;
    
      if(reponseAjax == 'ok')
      {
        $('#formAjouter').fadeOut('fast', function() {
          $('#soumissionConfirmation').fadeIn('fast', function() {
            $('#formAjouterPseudo').val('');
            $('#formAjouterNomCocktail').val('');
            $('#formAjouterCat').val('0');
            $('#formAjouterMessage').val('');
            $('#qteIng0').val('quantité (3cl, 5g, 1/2...)');
            $('#ajouterIngItem0').val('-1');
            for(i=1; i<=nbIngredients; i++)
            {
              $('#divAjouterIngItem'+i).remove();
            }
            nbIngredients = 0; 
            
            $('#supprimerIng').css('color', '#CCCCCC');
            $('#supprimerIngImg').attr('src',url_base+'/images/minus_off.png');
            $('#ajouterIng').css('color', '#000000');
            $('#ajouterIngImg').attr('src',url_base+'/images/plus.png');
            
            $("#formAjouterNbChar").text('800');
            
            $('#formAjouterErreurText').hide();
          });
        });
      }else
      {   
        $('#formAjouterErreurText').text('une erreur est survenue, réessaye !');
        $('#formAjouterErreurText').fadeIn('fast');                  
      } 
      $('#formAjouterLoader').hide();
      $('#formAjouterBoutons').show();          
    }else
    {
      $('#formAjouterErreurText').text('tous les champs sont obligatoires !');
      $('#formAjouterErreurText').fadeIn('fast');
    }
  });
  
  
  
  $('#ajouterIng').click(function() {
    if(nbIngredients < 7)
    {
      nbIngredients++;
      $('#divAjouterIngItem'+(nbIngredients-1)).after(
        '<div id="divAjouterIngItem'+nbIngredients+'" class="divAjouterIngItem"><label for="ajouterIngItem'+nbIngredients+'">ingredient '+(nbIngredients+1)+'</label> : <input type="text" name="qteIng'+nbIngredients+'" id="qteIng'+nbIngredients+'" value="quantité (3cl, 5g, 1/2...)" class="qteIng" onfocus="qteFocus(this);" onblur="qteBlur(this);" /> <select name="ajouterIngItem'+nbIngredients+'" id="ajouterIngItem'+nbIngredients+'" class="ajouterIng">'+$('#ajouterIngItem'+(nbIngredients-1)).html()+'</select></div>'    
      );
    }
    if(nbIngredients == 7)
    {
      $(this).css('color', '#CCCCCC');
      $('#ajouterIngImg').attr('src',url_base+'/images/plus_off.png');
    }
    if(nbIngredients > 0)
    {
      $('#supprimerIng').css('color', '#000000');
      $('#supprimerIngImg').attr('src',url_base+'/images/minus.png');
    }
  });
  $('#supprimerIng').click(function() {
    if(nbIngredients > 0)
    {
      $('#divAjouterIngItem'+nbIngredients).remove();
      nbIngredients--;
    }
    if(nbIngredients < 7)
    {
      $('#ajouterIng').css('color', '#000000');
      $('#ajouterIngImg').attr('src',url_base+'/images/plus.png');
    }
    if(nbIngredients == 0)
    {
      $(this).css('color', '#CCCCCC');
      $('#supprimerIngImg').attr('src',url_base+'/images/minus_off.png');
    }
  });
  
  
  $('#formAjouterTypeVerre').change(function(){
    $('#apercuVerreImg').attr('src',url_base + '/images/cocktail/verre/' + $(this).val() + '.png');  
  });
  
  
  
  //effets sur les icones web 2.0
  $("div.followusIcon").mouseover(function(){ 
    $(this).css("margin-top","-7px");
    idTexte = $(this).attr('rel');
    $('#'+idTexte).show();
  });
  $("div.followusIcon").mouseout(function(){ 
    $(this).css("margin-top","0"); 
    idTexte = $(this).attr('rel'); 
    $('#'+idTexte).hide();
  });  
  
  //effets sur les icones menu
  $("div.menuSiteIcon").mouseover(function(){ 
    $(this).css("margin-top","-7px");
    $("#imageTitre1").hide();
    $("#imageTitre"+$(this).attr('rel')).show(); 
    $("#soustitre").html('<h2>'+$(this).attr('title')+'</h2>');
  });
  $("div.menuSiteIcon").mouseout(function(){ 
    $(this).css("margin-top","0");
    $("#imageTitre"+$(this).attr('rel')).hide(); 
    $("#imageTitre1").show(); 
    $("#soustitre").html('<h2>'+$("#soustitre").attr('rel')+'</h2>');
  });               
  
});

addToBookmark = function()
{
  title="Cocktails mameilleurecuite.com : trouve un cocktail pour tes soirées et propose les tiens...";
  url = url_base_cocktail;
  
  if($.browser.mozilla==true)
  {
    window.sidebar.addPanel(title,url,'');
  }else if($.browser.msie==true)
  {
    window.external.AddFavorite(url,title);
  }else
  {
    alert('Merci d\'utiliser CTRL + D pour ajouter ce site en favoris.');
  }
}

//value des input de quantite
qteFocus = function(input)
{   
  if(input.value == 'quantité (3cl, 5g, 1/2...)')
  {
    input.value = '';
  } 
}
qteBlur = function(input)
{ 
  if(input.value == '')
  {
    input.value = 'quantité (3cl, 5g, 1/2...)';
  }
} 

getId = function(tab,nom)
{
  nbElem = tab.length;
  retour = '';
  for(i=0; i<nbElem && retour==''; i++)
  {
    if(nom.toLowerCase() == tab[i].nom.toLowerCase()) retour = tab[i].id; 
  }
  return retour;
}