//contient les définitions à charger

var tabDef = new Array(
					   '<div><font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Analyse de l’environnement et du contexte de la recherche<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Définition du poste, des résultats attendus et du profil recherché<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Identification des cibles d’entreprises et de fonctions, reconstruction des organigrammes, <br>&nbsp;&nbsp;&nbsp;&nbsp;création des scénarii d’approche</font></div>'
					   ,
						 '<div><font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Approche directe de candidats potentiels identifiés : validation des responsabilités et de l’ouverture au &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changement<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Processus de sélection<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Présentation des candidats recommandés</font></div>'
						
						,
						 '<div><font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Aide à la décision<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Suivi d’intégration</font></div>'
						
						,
						'<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Analyse de l’environnement et étude du besoin<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Définition du poste, des résultats attendus et du profil recherché<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Choix et mise en œuvre des outils de sourcing adaptés : Presse, Internet, Bases de données<br></font>'																																																																																																																																																																																												                      ,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Processus de sélection<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Présentation des candidats recommandés<br></font>'
						,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Aide à la décision<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Suivi d’intégration</font>'
						
						,
						
						
						'<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Analyse de l’environnement et du contexte du projet<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Proposition d’une méthodologie de travail et constitution de l’équipe projet URVIKA dédiée</font>'
						,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Élaboration et mise en place d’une stratégie d’identification des candidats<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Planification et organisation des journées de sélection<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Présentation des candidats recommandés</font>'
						,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Décision finale et suivi d’intégration</font>'
						 ,
						 '<font class="texte">L’évaluation en phase finale a pour objectif de vous aider à prendre la meilleure décision de recrutement possible. Les candidats retenus à l’issue des différentes étapes de sélection au sein de votre entreprise rencontrent le Consultant URVIKA pour une évaluation approfondie basée sur un entretien et la passation du test PerformanSe. Vous disposez ainsi d’éléments complémentaires sur le profil de personnalité, le comportement en situation professionnelle et les motivations des candidats.</font>'
						 ,
						 '<font class="texte">Basée sur l’Internet, E-contact est une solution rapide, efficace et ciblée pour identifier des candidats qualifiés. A partir de la définition du poste et du profil recherché, nous rédigeons une annonce et assurons sa diffusion sur nos sites partenaires. Nous sélectionnons les CV à partir des critères objectifs définis, qualifions téléphoniquement les candidatures et vous transmettons une note de synthèse pour les candidats retenus.</font>'
						 ,
						 '<font class="texte">À partir de notre outil de gestion interne de candidatures, nous vous proposons de construire votre propre base de données active, régulièrement actualisée, afin d’anticiper vos recrutements réguliers, de gagner en réactivité et d’être en veille permanente de candidats à potentiel.</font>'
						 ,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Analyse de l’environnement, identification du besoin<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Définition du contexte du recours à l’Intérim Management<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Définition du poste, des résultats attendus, du profil recherché et de la durée prévisionnelle de la mission</font>'
						 ,
						 '<font class="texte">Mise en oeuvre des différentes étapes du recrutement : <br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Recherche des candidats potentiels, <br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Entretiens de sélection et d’évaluation, <br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Présentation des candidats recommandés,<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Aide à la décision finale</font>'
						 ,
						 '<font class="texte"><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Élaboration du contrat de mission<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Suivi d’intégration du Manager de transition<br><img src="../images/commun/carre.jpg" alt="carre">&nbsp;&nbsp; Bilan de fin de mission</font>' 
						 ,
						 '<font class="texte">Particulièrement adapté pour des évaluations internes, l’outil restitue immédiatement, suite à un temps de passation d’environ 15 minutes, le profil de personnalité du collaborateur, ce qui permet au Consultant URVIKA d’instaurer avec l’intéressé un échange en toute transparence.</font>'
						 ,
						 '<font class="texte">Destinée principalement à des managers, cette démarche individuelle permet à l’encadrant de s’évaluer au travers du regard de son entourage professionnel (supérieur hiérarchique, collègues, collaborateurs...). L’analyse des résultats avec le Consultant URVIKA a pour but de mettre en évidence les points d’appui du manager ainsi que les axes de progrès, notamment en matière de comportement et de style de management.</font>'
						 ,
						 '<font class="texte">Conçu pour réaliser un diagnostic des compétences managériales, cet outil permet d’évaluer les collaborateurs sur leur mode de communication, leur capacité à organiser, leur rapport à l’équipe, leur leadership,…Cette démarche, fondée sur une totale transparence vis-à-vis du manager, se compose de plusieurs exercices de mise en situation suivis de débriefings immédiats avec le Consultant URVIKA.</font>'
																																																																																																																																																																																																																									);
//indique la page courante
var page;

//vider les cadres de chaques pages
function viderCadres()
	{
	cadres=document.getElementsByName("cadreDef");
	for(i=0;i<cadres.length;i++) {cadres[i].innerHTML="<div></div>";}
	}
//charger les onglets
function chargerOnglet(num)
	{
    cadres=document.getElementsByName("cadreDef");
	cadres[num-1].innerHTML='<table><tbody><tr><td><div id="onglet1" class="onglet1" height="30" width="120"><a href="#" onClick="changerDef(1)"><img src="../images/commun/onglet/onglet1On.jpg"  border="0" name="onglet1"></a></div><div id="onglet2" class="onglet2" height="30" width="120"><a href="#" onClick="changerDef(2)"><img src="../images/commun/onglet/onglet2.jpg"  border="0" name="onglet2"></a></div><div id="onglet3" class="onglet3" height="30" width="120"><a href="#" onClick="changerDef(3)" ><img src="../images/commun/onglet/onglet3.jpg" border="0" name="onglet3"></a></div></td></tr></tbody></table><div id="defOuter"><div id="definition" name="definition" class="definition"></div></div>';
    }
function chargerOnglet2(num)
	{
    cadres=document.getElementsByName("cadreDef");
	cadres[num-1].innerHTML='<div id="onglet1" class="onglet4" height="40" width="120"><a href="#" onClick="changerDef(1)"><img src="../images/commun/onglet/onglet4On.jpg"  border="0" name="onglet4"></a></div><div id="onglet2" class="onglet5" height="30" width="120"><a href="#" onClick="changerDef(2)"><img src="../images/commun/onglet/onglet5.jpg"  border="0" name="onglet5"></a></div><div id="onglet3" class="onglet6" height="30" width="120"><a href="#" onClick="changerDef(3)" ><img src="../images/commun/onglet/onglet6.jpg" border="0" name="onglet6"></a></div><div id="defOuter"><div id="definition" name="definition"></div></div>';
    }
function chargerOnglet3(num)
	{
    cadres=document.getElementsByName("cadreDef");
	cadres[num-1].innerHTML='<table><tbody><tr><td><div id="onglet1" class="onglet7" height="40" width="120"><a href="#" onClick="changerDef(1)"><img src="../images/commun/onglet/onglet7On.jpg"  border="0" name="onglet7"></a></div><div id="onglet2" class="onglet8" height="30" width="120"><a href="#" onClick="changerDef(2)"><img src="../images/commun/onglet/onglet8.jpg"  border="0" name="onglet8"></a></div><div id="onglet3" class="onglet9" height="30" width="120"><a href="#" onClick="changerDef(3)" ><img src="../images/commun/onglet/onglet9.jpg" border="0" name="onglet9"></a></div></td></tr></tbody></table><div id="defOuter"><div id="definition" name="definition"></div></div>';
    }
//charger le cadre dans la div de la page courante
function chargerCadre(num)
	{
	
	if(num==4) chargerOnglet2(num);
	else if(num==6) chargerOnglet3(num);
	else chargerOnglet(num);
	chargerDef1(num);
	}

//desactiver les boutons
function boutonOff(i)
{
document.getElementById('onglet'+i).innerHTML='<a href="#"  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+i+'.jpg"  border="0" name="onglet'+i+'"></a>';
}
function boutonOff2(i)
{
j=i+3;
document.getElementById('onglet'+i).innerHTML='<a href="#"  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+j+'.jpg"  border="0" name="onglet'+j+'"></a>';
}
function boutonOff3(i)
{
j=i+6;
document.getElementById('onglet'+i).innerHTML='<a href="#"  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+j+'.jpg"  border="0" name="onglet'+j+'"></a>';
}
//activer le bouton i
function boutonActif(i)
{

document.getElementById('onglet'+i).innerHTML='<a href="#"  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+i+'On.jpg"  border="0" name="onglet'+i+'"></a>';
}
function boutonActif2(i)
{
j=i+3;
document.getElementById('onglet'+i).innerHTML='<a href="#" class="onglet"'+i+'  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+j+'On.jpg"  border="0" name="onglet'+j+'"></a>';
}
function boutonActif3(i)
{
j=i+6;
document.getElementById('onglet'+i).innerHTML='<a href="#" class="onglet"'+j+'  onClick="changerDef('+i+')"><img src="../images/commun/onglet/onglet'+j+'On.jpg"  border="0" name="onglet'+j+'"></a>';
}
//changer les boutons de couleur
function changerBtn(num)
	{
	////mettre tt les bouton en gris
	
	if(page==4)
		{	
	
		for(i=1;i<=3;i++)
		{
		boutonOff2(i);
		}
		boutonActif2(num);
		}
	else if(page==6)
		{	
		for(i=1;i<=3;i++)
		{
		boutonOff3(i);
		}
		boutonActif3(num);
		}
	else 
	{
	for(i=1;i<=3;i++)
		{
		boutonOff(i);
		}
	////mettre le bouton num en violet
	boutonActif(num);
	}
	}
//charger la def par defaut
function chargerDef1(num)
	{
	document.getElementById('definition').innerHTML=tabDef[(page-1)*3];
	}
//charger la def num
function chargerDef(num)
	{
	document.getElementById('definition').innerHTML=tabDef[num-1+(3*(page-1))];
	}
	



//fonctions principales
function changerCadres(num)
	{
	page=num;
	viderCadres();
	chargerCadre(num);
	
	
	}

function changerDef(num)
	{
	changerBtn(num);
	chargerDef(num);
	}





























