var numero_recruteur_selectionne = false;

/**
  Gestion du top recruteurs
  -------------------------
  Il faut générer et inclure le fichier donnees-top-recruteurs qui contient
  la variable du même nom avec la liste des recruteurs au format JSON.
*/
$(document).ready(function() {
  
  var liste_recruteurs = $('#liste-recruteurs');
  var fiche_recruteur = $('#fiche-recruteur');
  
  // On va lister les recruteurs
  $.each(donnees_top_recruteur, function(i, recruteur) {
    liste_recruteurs.append(
      $('<div></div>')
        .attr('class','soc-link')
        .append(
          $('<a></a>')
            .attr('href','javascript:void(0);')
            .text(recruteur.raison_sociale)
            .mouseover(function() {
              if(numero_recruteur_selectionne != i)
                $(this).parent('div').addClass('on');
            })
            .mouseout(function() {
              if(numero_recruteur_selectionne != i)
                $(this).parent('div').removeClass('on');
            })
            .click(function() {
              // Sélection visuelle de l'élément dans la liste
              $('#liste-recruteurs div.on').removeClass('on');
              $('#liste-recruteurs div:eq('+i+')').addClass('on');
              numero_recruteur_selectionne = i;
            
              // On fait rapidement disparaître la fiche recruteur correspondante
              fiche_recruteur.fadeOut('fast',function() {
              
                // Purge de la fiche
                fiche_recruteur.html('');
                
                // Ajout des éléments DOM qui composent la fiche
                fiche_recruteur.append(
                  $('<div></div>')
                    .attr('class','fiche')
                    .append(
                    	// Logo du recruteur
                    	$('<img />')
                    		.attr('src', HOST_WWW+'/fichiers/TOP_EMPLOYEURS/top_employeurs_2010/logos/' + (
                          donnees_top_recruteur[i].raison_sociale.replace(new RegExp('[\ \']','g'),'_')
                        ) + '.gif')
                    	,
                    	$('<br />'),
                    	$('<br />'),
                      // Renseignement des informations du recruteur
                      $('<span></span>')
                        .attr('class','nom-soc')
                        .text(donnees_top_recruteur[i].raison_sociale),
                      $('<br />'),
                      /* Demande d'Arnaud Caillet le 13/10/2009
                        $('<a></a>')
                        .attr('href','http://'+donnees_top_recruteur[i].url_rh)
                        .attr('target','_blank')
                        .text(donnees_top_recruteur[i].url_rh),
                      $('<br />'),
                      // Ce champ est optionnel
                      ( ( donnees_top_recruteur[i].email_rh != '' ) ?
                        $('<a></a>')
                          .attr('href','mailto:'+donnees_top_recruteur[i].email_rh)
                          .attr('target','_blank')
                          .text(donnees_top_recruteur[i].email_rh) :
                        '' ),*/
                      $('<p></p>')
                        .html(donnees_top_recruteur[i].texte_intro),
                       
                       				

                       
                      // Renseignement des notes du recruteur
                      $('<table></table>')
                        .attr('class','evaluation')
                        .append(
                          html_ligne_evaluation("Culture d'entreprise",     					donnees_top_recruteur[i].culture_entreprise),
                          html_ligne_evaluation("Conditions de travail",          		donnees_top_recruteur[i].conditions_travail),
                          html_ligne_evaluation("Gestion et implication des talents", donnees_top_recruteur[i].gestion_implication_talents),
                          html_ligne_evaluation("Évolution professionnelle",          donnees_top_recruteur[i].evolution_professionnelle),
                          html_ligne_evaluation("Rémunération et reconnaissance",  		donnees_top_recruteur[i].remuneration_et_reconnaissance)
                        ),
                      
                      // Ajout des liens à la fin de la fiche 
                      $('<p></p>')
                        .append(
                          // Fiches pdf
                          $('<a></a>')
                            .attr('class', 'link')
                            .attr('target', '_blank')
                            .attr('href',HOST_WWW+'/fichiers/TOP_EMPLOYEURS/top_employeurs_2010/pdf/' + (
                              donnees_top_recruteur[i].raison_sociale.replace(new RegExp('[\ \']','g'),'_')
                            ) + '.pdf')
                            .text("Profil complet de l'entreprise en PDF"),
													$('<br />'),
													// Ce champ est optionnel
													( ( donnees_top_recruteur[i].url_annonces_recruteur != '' ) ?
														$('<a></a>')
															.attr('class', 'link')
															.attr('href',donnees_top_recruteur[i].url_annonces_recruteur)
															.attr('target','_blank')
															.text("Voir les offres d'emploi de ce recruteur") :
														'' )
                        )
                    )
                );
                
                // Les informations sont mises à jour, on affiche de nouveau la fiche
                fiche_recruteur.fadeIn('fast');
              });
           })
        )
    );
  });
  
  // Finalement on sélectionne le premier élément de la liste
  $('#liste-recruteurs a:first').click();
});



function html_ligne_evaluation(libelle, note) {
  var nombre_etoiles = parseInt(note, 10);
  var nombre_demies = ( nombre_etoiles < note ) ? 1 : 0;
  var nombre_vides = parseInt(5-note, 10);
  return $('<tr></tr>')
    .append(
      $('<th></th>')
        .html(libelle),
      $('<td></td>')
        .attr('class', 'stars')
        .append(
          '<img class="star" src="images/top_emp_star_plein.png" />'.repeat(nombre_etoiles),
          '<img class="star" src="images/top_emp_star_moitie.png" />'.repeat(nombre_demies),
          '<img class="star" src="images/top_emp_star_vide.png" />'.repeat(nombre_vides)
        )
    );
}




String.prototype.repeat = function( num ) {
  return new Array( num + 1 ).join( this );
};

