var afficherRole = function(obj) {
	var nvElem=document.getElementById("role");
	switch (obj){
		//______________________________________________________________________________________
		case 'adm':
		nvElem.innerHTML="<h1>Autour de mars</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de stage chez Autour de mars. "
		+"J'ai repris entièrement le site crée à la base par l'agence des Polypodes, pour l'adapter aux besoins du commanditaire. Celle-ci souhaitait avoir un portfolio dynamique avec un backoffice pour gérer ses différentes créations selon ses clients."
		+"<br/><br/>Mon rôle s'est donc essentiellement porté sur le développement PHP et l'intégration XHTML et CSS du site. La charte graphique ayant déjà été construite par Bénédicte Voile."
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://www.autourdemars.com\" title=\"Autour de mars\">www.autourdemars.com</a>";				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'toque':
		nvElem.innerHTML="<h1>Le toqué</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de stage chez Autour de mars. "
		+"Le commanditaire souhaitait assurer sa présence sur Internet par le biais d'un site très accessible et graphiquement décalé. "
		+"<br/><br/>"
		+"J'ai donc intégré la charte graphique qui avait déjà été faite par Bénédicte Voile puis j'ai développé tous les modules dynamiques du projet ainsi qu'un menu d'administration."
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://www.letoque.fr\" title=\"Le toqué\">www.letoque.fr</a>";				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'blog':
		nvElem.innerHTML="<h1>Blogs de la SNCF</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de stage à la direction de communication régionale de la SNCF à Nantes. "
		+"La création du système de blog s’est articulée autour des quatre domaines d’activité de la SNCF. A savoir, le domaine Voyageurs, Fret, Infrastructure et Ter."
		+"Chaque utilisateur inscrit possède ainsi un blog personnel, composé de plusieurs articles, eux-mêmes composés de plusieurs commentaires. "
		+"Un membre peut changer son domaine, créer des news, poster des commentaires, contacter un utilisateur et voir la liste totale des blogs créés à ce jour."
		+"<br/><br/>"
		+"Pour la création du site, j'ai donc opté pour une solution dynamique utilisant l'ASP, le XHTML et le CSS, en collaboration avec le webmaster Bernard Mahé."
		+"<br/><br/>"		
		+"Ce projet n'est pas accessible de l'extérieur car il est situé sur l'intranet de la SNCF"
		+"<br/><br/>"
		+"<a id=\"thumb1\" class=\"vert\" href=\"img/illus/blog_1.jpg\" title=\"Blogs\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°1</a><br/>"													
		+"<a id=\"thumb2\" class=\"vert\" href=\"img/illus/blog_2.jpg\" title=\"Blogs\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°2</a><br/>"													
		+"<a id=\"thumb3\" class=\"vert\" href=\"img/illus/blog_3.jpg\" title=\"Blogs\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°3</a><br/>"														
		;				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________
		case 'jaime':
		nvElem.innerHTML="<h1>J'aime le train</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de stage à la direction de communication régionale de la SNCF à Nantes. "
		+"La rubrique « J’aime le train » sur l'Intranet de la SNCF devait être un outil capable d’accompagner l’opération et de fournir aux visiteurs un aperçu clair et global des événements ayant lieu sur les différentes gares de l’Ouest."
		+"<br/><br/>"
		+"Pour la conception je devais autant jouer sur le fond que sur la forme. J'ai donc développé et intégré le site en ASP, XHTML et CSS, en collaboration avec le webmaster Bernard Mahé."
		+"<br/><br/>"		
		+"Ce projet n'est pas accessible de l'extérieur car il est situé sur l'intranet de la SNCF"
		+"<br/><br/>"
		+"<a id=\"thumb1\" class=\"vert\" href=\"img/illus/jlt_1.jpg\" title=\"J'aime le train\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°1</a><br/>"													
		+"<a id=\"thumb2\" class=\"vert\" href=\"img/illus/jlt_2.jpg\" title=\"J'aime le train\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°2</a><br/>"													
		+"<a id=\"thumb3\" class=\"vert\" href=\"img/illus/jlt_3.jpg\" title=\"J'aime le train\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°3</a><br/>"													
		+"<a id=\"thumb4\" class=\"vert\" href=\"img/illus/jlt_4.jpg\" title=\"J'aime le train\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°4</a><br/>"													
		;																
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'foka':
		nvElem.innerHTML="<h1>Fokalista</h1>"
		+"<hr/>"
		+"Ce projet à été réalisé durant ma période d'études au sein de l'IUT SRC de Laval."
		+"Ce site à pour but premier de créer une communauté audiovisuelle en ligne. Le site permet aux internautes de prendre connaissance des techniques audiovisuelles et les utilisateurs pouvant à tout moment ajouter leurs créations audiovisuelles dans des parties réservées."
		+"<br/><br/>"
		+"Mon rôle dans ce projet s'est porté sur le développement PHP de l'application ainsi que son intégration CSS."
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://fokalista.free.fr\" title=\"Fokalista\">www.fokalista.fr</a>";				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'b2i':
		nvElem.innerHTML="<h1>Brevet Internet et Informatique</h1>"
		+"<hr/>"
		+"Ce projet à été réalisé durant ma période d'études au sein de l'IUT SRC de Laval."
		+"L’objectif principal du site Internet B2I est d’initier les élèves des écoles primaires (3ème cycle) à la recherche d’information sur Internet."
		+"<br/><br/>"
		+"Mon rôle dans ce projet s'est porté sur la conception et l'intégration de jeux destinés à l'apprentissage du monde informatique."
		+"<br/><br/>"
		+"<a id=\"thumb1\" class=\"vert\" href=\"img/illus/b2i_1.jpg\" title=\"b2i\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°1</a><br/>"																							
		;				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________	
		case 'tranchov1':
		nvElem.innerHTML="<h1>Tranchödesign v1</h1>"
		+"<hr/>"
		+"Tranchodesign v1 est la première version de mon portfolio en ligne. Lors de la conception de ce projet, j'ai pris beaucoup de plaisir à découvrir toutes les techniques CSS et XHTML que je ne connaissaient pas encore."
		+"<br/><br/>"
		+"Ce n'est réellement qu'a partir de ce site que j'ai pris conscience des normes et standards du web. Tranchodesign était pour moi une très bonne façon de perfectionner mes compétences et de valoriser mes créations."
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://www.trancho-design.net/v1\" title=\"Tranchodesign v1\">www.trancho-design.net/v1</a>";				
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'tranchov2':
		nvElem.innerHTML="<h1>Tranchödesign v2</h1>"
		+"<hr/>"
		+"Tranchodesign v2 est logiquement la deuxième version de mon portfolio en ligne. J'ai voulu, à travers cette nouvelle mouture, rendre le site beaucoup plus léger dans son graphisme, afin de mettre plus en valeur mes créations."
		+"<br/><br/>"
		+"Néanmoins, je n'ai pas voulu perdre la touche funky qui faisait l'originalité de mon site. J'ai donc intégré des éléments graphiques qui me tenaient à cœur, comme par exemple le célèbre plombier Mario."		
		+"De plus, j'ai corrigé toutes les erreurs de conception de la première version, et j'ai beaucoup mieux codé mes feuilles de style (plus aucun positionnement avec des marges négatives par exemple)"		
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://www.trancho-design.net\" title=\"Tranchodesign v2\">www.trancho-design.net</a>";		
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'poly':
		nvElem.innerHTML="<h1>Portfolio des polypodes</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de stage dans l'agence web Les Polypodes. "
		+"Ce site était une ébauche d'outil capable de fournir aux internautes un moyen de communication facilement personnalisable et livré clé en main."
		+"<br/><br/>"	
		+"Le but était de créer des portfolios dynamiques adaptés à chaque utilisateur. Ce dernier pouvant ajouter aisément des photos, modifier ses feuilles de style, changer sa biographie, mettre à jour ses actualités à l'aide d'une administration totalement développé en Ajax"
		+"<br/><br/>"	
		+"Ce projet n'est pas accessible de l'extérieur car il est situé sur le serveur de l'agence."
		//+"<br/><br/>"
		//+"<a id=\"thumb1\" class=\"vert\" href=\"img/illus/prt_1.jpg\" title=\"Portfolio\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°1</a><br/>"													
		//+"<a id=\"thumb2\" class=\"vert\" href=\"img/illus/prt_2.jpg\" title=\"Portfolio\" onclick=\"return hs.expand(this, { captionId: 'caption1'})\">Illustration n°2</a><br/>"																				
		;																
		new Effect.BlindDown('role',{duration: 0.5});
		break;
		//______________________________________________________________________________________		
		case 'pessac':
		nvElem.innerHTML="<h1>Pessac à l'heure des pharaons</h1>"
		+"<hr/>"
		+"Projet réalisé pendant ma période de formation au sein de l'ISIC de Bordeaux 3. "
		+"Pour ses 10 ans, l'Association des Egyptologues de Gironde (AEG) à décidé de communiquer sur Internet."
		+"<br/><br/>"	
		+"L'objectif de ce site événementiel était de montrer clairement les différentes activités proposées par l'AEG pendant la durée de l'opération (projections vidéos, expositions, spectacles, ...) . "
		+"<br/><br/>"	
		+"Pour ce travail, mon rôle s'est uniquement porté sur l'organisation du projet. Je devais faire le lien entre le commanditaire et l'équipe technique.  "
		+"Grâce à des rencontres régulières entre les différents intervenants du projet. J'ai très vite compris l'importance mais aussi la difficulté de décoder le discours d'un commanditaire et de le retranscrire à l'équipe technique."
		+"<br/><br/>"	
		+"C'était ma première expérience concrète en gestion de projet multimédia et cela m'a permis de comprendre les différentes techniques d'organisation et l'importance de sensibiliser un commanditaire aux enjeux et au format Internet."
		+"<br/><br/>"
		+"<a class=\"vert\" href=\"http://www.pessacpharaons.fr\" title=\"Pessac à l'heure des pharaons\">www.pessacpharaons.fr</a>";																			
		;																
		new Effect.BlindDown('role',{duration: 0.5});
		break;
	}
}
//______________________________________________________________________________________
var afficherForm = function(obj) {
	switch (obj){
		case 'ajout':
		var nvElem2=document.getElementById("centreLivre");
		new Effect.BlindUp('centreLivre',{duration: 1});
		var nvElem=document.getElementById("sous_livre");
		new Effect.BlindDown('sous_livre',{duration: 1});
		break;
		
		case 'livre':
		var nvElem2=document.getElementById("centreLivre");
		new Effect.BlindDown('centreLivre',{duration: 1});
		var nvElem=document.getElementById("sous_livre");
		new Effect.BlindUp('sous_livre',{duration: 1});
		break;
	}
}
//______________________________________________________________________________________
var blind = function(obj) {
	var nvElem=document.getElementById("centreGraf");
	new Effect.BlindDown('centreGraf',{duration: 0.5});
}
//______________________________________________________________________________________