// Author: Syp Nemesis                          //
// Variation au survole du staff	             //
// -------------------------------------------- //

$(document).ready(function () {

	var shootout = 350; // millisecondes
	var shootin = 800; // millisecondes

	$("#xchange-ludovic").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="ludovic"><img src="./images/photomatons/ludo.jpg" alt="Ludovic Colin"/><h3>Ludovic</h3>Responsable administratif<br /><br /><a href="mailto:ludovic.colin@accro.fr" class="mail">ludovic.colin@accro.fr</a><br /><br /><span class="mail">05 33 20 00 92</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-julie").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="julie"><img src="./images/photomatons/julie.jpg" alt="Julie Colomb"/><h3>Julie</h3>Assistante de direction<br /><br /><a href="mailto:julie.colomb@accro.fr" class="mail">julie.colomb@accro.fr</a><br /><br /><span class="mail">05 33 20 00 92</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-valerie").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="valerie"><img src="./images/photomatons/valerie.jpg" alt="Valérie Scordelle"/><h3>Val&eacute;rie</h3>Chef de publicit&eacute;<br /><br /><a href="mailto:valerie.scordelle@accro.fr" class="mail">valerie.scordelle@accro.fr</a><br /><br /><span class="mail">06 64 74 87 29</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-gaelle").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="gaelle"><img src="./images/photomatons/gaelle.jpg" alt="Gaëlle Levet"/><h3>Ga&euml;lle</h3>Chef de publicit&eacute;<br /><br /><a href="mailto:gaelle.levet@accro.fr" class="mail">gaelle.levet@accro.fr</a><br /><br /><span class="mail">06 98 98 60 12</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-mathieu").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="mathieu"><img src="./images/photomatons/matthieu.jpg" alt="Matthieu Aubry"/><h3>Matthieu</h3>Chef de publicit&eacute;<br /><br /><a href="mailto:matthieu.aubry@accro.fr" class="mail">matthieu.aubry@accro.fr</a><br /><br /><span class="mail">06 64 79 62 57</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	$("#xchange-yan").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="yan"><img src="./images/photomatons/yan.jpg" alt="Yan Qiu"/><h3>Yan</h3>Assistante Cr&eacute;a<br /><br /><a href="mailto:yan.qiu@accro.fr" class="mail">yan.qiu@accro.fr</a><br /><br /><span class="mail">05 33 20 00 93</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-madeline").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="madeline"><img src="./images/photomatons/madeline.jpg" alt="Madeline Ferrand"/><h3>Madeline</h3>Apprentie PAO<br /><br /><a href="mailto:madeline.ferrand@accro.fr" class="mail">madeline.ferrand@accro.fr</a><br /><br /><span class="mail">05 33 20 00 93</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-nathalie").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="nathalie"><img src="./images/photomatons/nathalie.jpg" alt="Nathalie Morvan"/><h3>Nathalie</h3>Directrice Artistique<br /><br /><a href="mailto:nathalie.morvan@accro.fr" class="mail">nathalie.morvan@accro.fr</a><br /><br /><span class="mail">05 33 20 00 93</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	$("#xchange-irving").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="irving"><img src="./images/photomatons/irving.jpg" alt="Irving"/><h3>Irving</h3>PAO<br /><br /><a href="mailto:irving.lepennec@accro.fr" class="mail">irving.lepennec@accro.fr</a><br /><br /><span class="mail">05 33 20 00 93</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	$("#xchange-sylvain").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="sylvain"><img src="./images/photomatons/sylvain.jpg" alt="Sylvain Lou Poueyou"/><h3>Sylvain</h3>Responsable agence<br /><br /><a href="mailto:contact@accro.fr" class="mail">contact@accro.fr</a><br /><br /><span class="mail">05 33 20 00 91</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-therese").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="therese"><img src="./images/photomatons/therese.jpg" alt="Thérèse Canet"/><h3>Th&eacute;r&egrave;se</h3>Conceptrice-r&eacute;dactrice<br /><br /><a href="mailto:therese.canet@accro.fr" class="mail">therese.canet@accro.fr</a><br /><br /><span class="mail">05 33 20 00 89</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-clotilde").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="clotilde"><img src="./images/photomatons/clotilde.jpg" alt="Clotilde Chauveau"/><h3>Clotilde</h3>Assistante r&eacute;daction<br /><br /><a href="mailto:clotilde.chauveau@accro.fr" class="mail">clotilde.chauveau@accro.fr</a><br /><br /><span class="mail">05 33 20 00 89</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

	$("#xchange-doquyen").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="doquyen"><img src="./images/photomatons/do.jpg" alt="Do-Quyen Nguyen"/><h3>Do Quyen</h3>Assistante r&eacute;daction<br /><br /><a href="mailto:doquyen.nguyen@accro.fr" class="mail">doquyen.nguyen@accro.fr</a><br /><br /><span class="mail">05 33 20 00 89</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	
	$("#xchange-florent").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="Syp Nemesis"><img src="./images/photomatons/florent.jpg" alt="Florent Liotard"/><h3>Florent</h3>D&eacute;veloppeur internet<br /><br /><a href="mailto:florent.liotard@accro.fr" class="mail">florent.liotard@accro.fr</a><br /><br /><span class="mail">05 33 20 00 90</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	
	$("#xchange-camille").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="camille"><img src="./images/photomatons/camille.jpg" alt="Camille Muller"/><h3>Camille</h3>Responsable internet<br /><br /><a href="mailto:camille.muller@accro.fr" class="mail">camille.muller@accro.fr</a><br /><br /><span class="mail">05 33 20 00 90</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	
	$("#xchange-etienne").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="etienne"><img src="./images/photomatons/etienne.jpg" alt="Etienne Marchand"/><h3>Etienne</h3>Administrateur syst&egrave;me r&eacute;seau<br /><br /><a href="mailto:etienne.marchand@accro.fr" class="mail">etienne.marchand@accro.fr</a><br /><br /><span class="mail">05 33 20 00 90</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});
	
	$("#xchange-vanessa").mouseover(function () {
		$("#fiche").fadeOut(shootout,function(){
			$("#fiche").addClass("hider");
			$("#fiche").replaceWith('<div id="fiche" class="hider"><div id="vanessa"><img src="./images/photomatons/vanessa.jpg" alt="Vanessa Jesné"/><h3>Vanessa</h3>Webdesigner<br /><br /><a href="mailto:vanessa.jesne@accro.fr" class="mail">vanessa.jesne@accro.fr</a><br /><br /><span class="mail">05 33 20 00 90</span></div></div><!-- fin fiche -->');
			$("#fiche").fadeIn(shootin);
		});
	});

});