//Ascenceur
jQuery() .ready(function(){
	//OpenCLose			 
	$(".menu").next("div").hide();

	$(".menu").mouseover(function(){
		$(this).css("color","#3d3d3d");
	});
	
	$(".menu").mouseout(function(){
		if($(this).next("div").is (":hidden")){							  
			$(this).css("color","#8B8B8B");
		}
	});

	$(".menu").click(function(){
	
		if($(this).next("div").is (":hidden")){
			$(".menu").css("color","#8B8B8B");
			$(".menu").next("div:visible").slideUp();			
			$(this).next("div").slideDown();
			$(this).css("color","#3d3d3d");			
		}
	});	
		
	$(".sous_menu a").click(function(){								
		
		$(".sous_menu a").css("color","#8B8B8B");
		$(".sous_menu a").attr("isClicked", "false");
		$(this).css("color","#D7298F");
		$(this).attr("isClicked", "true");
	});
	
	$(".sous_menu a").mouseover(function(){						 
		isClicked =$(this).attr("isClicked"); 								
		isClicked != "true" ? $(this).css("color","#D7298F") : null;
	});

	$(".sous_menu a").mouseout(function(){
		isClicked =$(this).attr("isClicked"); 								
		isClicked != "true" ? $(this).css("color","#8B8B8B") : null;
	});
	
	//Enleve le focus
	$(".sous_menu a, #contact, #close, #mail").focus(function(){$(this).blur();});
	
	//POPIN
	$("#contact").click(function(){
	
		if($("#popin").is (":hidden")){
			var PosLeft=((($("body").width()-$("#page").width())/2 )+$("#main_menu").width()-10) + ($("#zone_taf").width()-$("#popin").width())/2;
			var PosTop = $("#header").height()+ ($("#zone_taf").height()-$("#popin").height())/2;
			
			$("#popin").css("left",PosLeft);
			$("#popin").css("top",PosTop);
			$("#popin").slideDown();
			$("#mask").css("height",$("body").height());
			
			$("#mask").css('opacity','0.5');
			$("#mask").fadeIn();
		
			}
	});	
		
	//bouton CLOSE
	$("#close, #mask").click(function(){
	
		if(!$("#popin").is (":hidden")){
			$("#popin").slideUp();
			$("#mask").fadeOut();
		
			}
	});	
	
});

// Tableau des travaux

var web= Array();

web[0]= Array();
web[0]["img"]= "kia_mini_site.jpg";
web[0]["lien_url"]= "www.kia.fr/DecouvrirKIA/Le-saviez-vous";
web[0]["legende"]= "/// Direction Artistique";

web[1]= Array();
web[1]["swf"]= "carte_loreal_2011_makimoko.swf";
web[1]["legende"]= "/// Direction Artistique / Réalisation / Habillage sonore";

web[2]= Array();
web[2]["img"]= "psa_ra.jpg";
web[2]["lien_url"]= "ra2009.psa.fr";
web[2]["legende"]= "/// Direction Artistique / TOP COM d'Argent";

web[3]= Array();
web[3]["img"]= "psa_concours.jpg";
web[3]["legende"]= "/// Direction Artistique";

web[4]= Array();
web[4]["img"]= "loreal_flocon.jpg";
web[4]["legende"]= "/// Direction Artistique / Réalisation";

web[5]= Array();
web[5]["img"]= "loreal_abstrait.jpg";
web[5]["legende"]= "/// Direction Artistique / Réalisation";

web[6]= Array();
web[6]["img"]= "loreal_100ans.jpg";
web[6]["legende"]= "/// Direction Artistique / Réalisation";

web[7]= Array();
web[7]["swf"]= "loreal_2009.swf";
web[7]["legende"]= "/// Direction Artistique / Réalisation / Habillage sonore";

web[8]= Array();
web[8]["img"]= "mipim.jpg";
web[8]["lien_url"]= "www.mipim.com/en/homepage";
web[8]["legende"]= "/// Direction Artistique";

web[9]= Array();
web[9]["img"]= "nissan.jpg";
web[9]["legende"]= "/// Animation flash";


web[10]= Array();
web[10]["img"]= "artimport.jpg";
web[10]["lien_url"]= "www.artimport.fr/accueil.html";
web[10]["legende"]= "/// Direction Artistique";


web[11]= Array();
web[11]["img"]= "messika.jpg";
web[11]["legende"]= "/// Animation flash";


web[12]= Array();
web[12]["img"]= "printemps_2008.jpg";
web[12]["lien_url"]= "edition2008.reseau-printemps.com";
web[12]["legende"]= "/// Direction Artistique / Réalisation";

web[13]= Array();
web[13]["img"]= "printemps_2007.jpg";
web[13]["lien_url"]= "edition2007.reseau-printemps.com/Home_Rpb.html";
web[13]["legende"]= "/// Direction Artistique / Réalisation";

web[14]= Array();
web[14]["img"]= "alliances.jpg";
web[14]["legende"]= "/// Direction Artistique / Réalisation";

web[15]= Array();
web[15]["img"]= "speakdate.jpg";
web[15]["legende"]= "/// Direction Artistique";

web[16]= Array();
web[16]["img"]= "makimoko.jpg";
web[16]["lien_url"]= "www.makimoko.com/v1/swf/index.htm";
web[16]["legende"]= "/// Direction Artistique / Réalisation";

web[17]= Array();
web[17]["img"]= "tchentchen.jpg";
web[17]["lien_url"]= "www.makimoko.com/tchentchen/swf/index.htm";
web[17]["legende"]= "/// Direction Artistique / Réalisation";

web[18]= Array();
web[18]["img"]= "sejours_en_ligne.jpg";
web[18]["lien_url"]= "www.sejoursenligne.fr";
web[18]["legende"]= "/// Direction Artistique";

web[19]= Array();
web[19]["img"]= "npy.jpg";
web[19]["legende"]= "/// Direction Artistique";

web[20]= Array();
web[20]["img"]= "trendsnow.jpg";
web[20]["legende"]= "/// Direction Artistique / Réalisation du header";

web[21]= Array();
web[21]["swf"]= "decathlon_basket.swf";
web[21]["legende"]= "/// Direction Artistique / Animation flash";

web[22]= Array();
web[22]["swf"]= "decathlon_foot.swf";
web[22]["legende"]= "/// Direction Artistique / Animation flash";

web[23]= Array();
web[23]["swf"]= "ebookers.swf";
web[23]["legende"]= "/// Direction Artistique / Animation flash";


web[24]= Array();
web[24]["img"]= "chaya.jpg";
web[24]["legende"]= "/// Direction Artistique";

web[25]= Array();
web[25]["img"]= "cdd.jpg";
web[25]["legende"]= "/// Direction Artistique";


web[26]= Array();
web[26]["img"]= "phillips.jpg";
web[26]["legende"]= "/// Direction Artistique";


web[27]= Array();
web[27]["img"]= "8jours.jpg";
web[27]["legende"]= "/// Direction Artistique";


web[28]= Array();
web[28]["img"]= "rte.jpg";
web[28]["legende"]= "/// Direction Artistique / Animation flash";

web[29]= Array();
web[29]["img"]= "davin.jpg";
web[29]["lien_url"]= "www.sophiedavin.com/";
web[29]["legende"]= "/// Direction Artistique";

web[30]= Array();
web[30]["img"]= "mugler.jpg";
web[30]["legende"]= "/// Direction Artistique";

var printed= Array();
printed[0]= Array();
printed[0]["img"]= "entente.jpg";
printed[0]["legende"]= "/// Direction Artistique <br>/// Dépliant pour fêter les 100 ans de l'Entente Cordiale entre la France et la Grande Bretagne";

printed[1]= Array();
printed[1]["img"]= "cannes.jpg";
printed[1]["legende"]= "/// Direction Artistique<br>/// Carton d'invitation pour Nestlé";

printed[2]= Array();
printed[2]["swf"]= "tchen_tchen.swf";
printed[2]["legende"]= "/// Direction Artistique<br>/// Pochette d'album";

printed[3]= Array();
printed[3]["img"]= "affiche_tchen.jpg";
printed[3]["legende"]= "/// Direction Artistique<br>/// Affiche";

printed[4]= Array();
printed[4]["img"]= "urbangirl.jpg";
printed[4]["legende"]= "/// Travail perso";

printed[5]= Array();
printed[5]["swf"]= "anim_tshirt.swf";
printed[5]["legende"]= "/// Direction Artistique<br>/// Sérigraphie";

printed[6]= Array();
printed[6]["img"]= "batofar.jpg";
printed[6]["legende"]= "/// Direction Artistique<br>/// Flyer";

printed[7]= Array();
printed[7]["img"]= "urban.jpg";
printed[7]["legende"]= "/// Travail perso";

printed[8]= Array();
printed[8]["img"]= "sos_formalites.jpg";
printed[8]["legende"]= "/// Direction Artistique<br>/// Création logo";


//Affichage des travaux
function affichage_taf(rubrique, index){
	
	var fond_visuel=document.getElementById('fond_visuel');
	fond_visuel.style.background='#fff';
	var visuel=document.getElementById('visuel');
	var swf=document.getElementById('swf');
	if(rubrique[index]['img']){
		visuel.innerHTML ='<img src="images/'+rubrique[index]['img']+'" />';
		swf.style.display='none';
		visuel.style.display='block';
	}
	if(rubrique[index]['swf']){
		var flashvars = false;
		var params = {};
		params.wmode = "transparent";
		var attributes = { };

		swfobject.embedSWF('images/'+rubrique[index]['swf'], "swf", "610", "355", "9.0.0", false, flashvars, params, attributes);

		visuel.style.display='none';
		swf.style.display='block';

	}
	//lien
	var lien_taf =  document.getElementById('lien_taf');
	
	if(rubrique == web && rubrique[index]['lien_url']){		
		lien_taf.innerHTML = '<a href="http://'+ rubrique[index]['lien_url']+'" target="_blank"> > Consultez en ligne</a>';
	}
	else{
		lien_taf.innerHTML ='';
		}
		
	//legende
	var legende =  document.getElementById('legende');
	if(rubrique[index]['legende']){		
		legende.innerHTML = rubrique[index]['legende'];
	}
	else{
		legende.innerHTML ='';
		}
	
	
	}