//MENU
var menu='<ul class="lavaLamp"><li><a id="menu_accueil" href="#"><img src="img/menu_ac.png" alt="menu accueil"/></a></li><li><a id="menu_portfolio" href="#"><img src="img/menu_pf.png" alt="menu portfolio"/></a></li><li><a id="menu_cv" href="#"><img src="img/menu_cv.png" alt="menu cv"/></a></li><li><a id="menu_contact" href="#"><img src="img/menu_ct.png" alt="menu contact"/></a></li><li><a id="menu_liens" href="#"><img src="img/menu_ls.png" alt="menu liens"/></a></li></ul>';

//ACCUEIL
var texteaccueil="<h1 class='titre'>// Pr&#233;sentation</h1>Touche-&#224;-tout est un adjectif me caract&#233;risant bien, j'apprend vite &#224; mettre la technique au service de ma cr&#233;ativit&#233;. Curieux de tout, publicit&#233;, graphisme, web, dessin, photographie, programmation, peinture, je suis depuis toujours passionn&#233; par ce monde. Vous aurez ici l'occasion de d&#233;couvrir une partie de mon monde &#224; travers mon portfolio et de mon parcours dans mon CV. <br/><br/>Bonne visite et n'h&#233;sitez pas &#224; me contacter.";
var textenews="<h1 class='titre'>// News</h1>- Probl&#232;me de latence du portofolio en cours de r&#233;solution<br/>- Mise en ligne -> juillet 2010<br/>";
var textefooter="<div>&#169; 2006-2010 Laurent Schoonbrodt. Tous droits r&#233;serv&#233;s.<img src='img/top.png' /></div>";
var contenuslide='<div id="sliderbox"><span id="next"></span><div id="slider"><img src="img/slide01.png" alt="Levis" width="790px" height="248px"/><img src="img/slide02.png" alt="Illustration" width="790px" height="248px"/></div><span id="prev"></span></div>';

//PORTFOLIO
//pub
var tab_pf_pub=new Array(
	{
	vignette_id: "pf_pub_0",
	vignette: "img/pf_pub_0.jpg",
	vtitre: "Levis - TFE",
	vcorps: "Jury 2009 - St Luc",
	id:"pf_pub_0c",
	titre:"//Levis",
	corps:"<span class='pf_p_bold'>Conception:</span><br/>- Briefing, analyse, recherche, choix m&#233;dia.<br/><b>R&#233;alisation:</b><br/>- Photographie, prise de vue, mise en place des d&#233;cors. Montage et retouche photo sous Photoshop. Mise en page et cr&#233;ation de la ligne graphique sous Illustrator.",
	corps_slide_img: ["img/pf_pub_0_S1.jpg","img/pf_pub_0_S2.jpg","img/pf_pub_0_S3.jpg","img/pf_pub_0_S4.jpg","img/pf_pub_0_S5.jpg","img/pf_pub_0_S6.jpg","img/pf_pub_0_S7.jpg","img/pf_pub_0_S8.jpg","img/pf_pub_0_S9.jpg","img/pf_pub_0_S10.jpg","img/pf_pub_0_S11.jpg","img/pf_pub_0_S12.jpg","img/pf_pub_0_S13.jpg","img/pf_pub_0_S14.jpg","img/pf_pub_0_S15.jpg","img/pf_pub_0_S16.jpg","img/pf_pub_0_S17.jpg"]
	},
	{
	vignette_id: "pf_pub_1",
	vignette: "img/pf_pub_1.jpg",
	vtitre: "Coca-Cola Chaudfontaine",
	vcorps: "sensibilisation au d&#233;veloppement durable",
	id:"pf_pub_1c",
	titre:"//Coca-Cola Enterprises Chaudfontaine",
	corps:"<span class='pf_p_bold'>Conception</span><br/>- Rencontre avec client d&#233;termination des objectifs.<br/>- Recherche d’id&#233;es, choix m&#233;dia, organisation de l’&#233;v&#234;nement.<br/><span class='pf_p_bold'>R&#233;alisation</span><br/>- Cr&#233;ation d’une ligne graphique, photomontage, retouche photos, prise de vue<br/>- Montage vid&#233;o et audio, cr&#233;ation de divers habillages d&#233;co-informatif,pr&#233;sentation Powerpoint.<br/><a href='pdf/Coca-Cola_Chaudfontaine.pdf' target='_blank'>Remerciments suite &#224; la mission</a>",
	corps_slide_img: ["img/pf_pub_1_S1.jpg","img/pf_pub_1_S2.jpg","img/pf_pub_1_S3.jpg","img/pf_pub_1_S4.jpg","img/pf_pub_1_S5.jpg","img/pf_pub_1_S6.jpg","img/pf_pub_1_S7.jpg","img/pf_pub_1_S8.jpg","img/pf_pub_1_S9.jpg"]
	},
	{
	vignette_id: "pf_pub_2",
	vignette: "img/pf_pub_2.jpg",
	vtitre: "Guilty",
	vcorps: "sirop d'alcool",
	id:"pf_pub_2c",
	titre:"//Guilty",
	corps:"cr&#233;a<br/><br/>",
	corps_slide_img: ["img/pf_pub_2_S1.jpg","img/pf_pub_2_S2.jpg","img/pf_pub_2_S3.jpg","img/pf_pub_2_S4.jpg","img/pf_pub_2_S5.jpg","img/pf_pub_2_S6.jpg","img/pf_pub_2_S7.jpg","img/pf_pub_2_S8.jpg"]
	},
	{
	vignette_id: "pf_pub_3",
	vignette: "img/pf_pub_3.jpg",
	vtitre: "Skellanimals",
	vcorps: "collaboration section photo",
	id:"pf_pub_3c",
	titre:"//Skellanimals",
	corps:"<span class='pf_p_bold'>Conception</span><br/>- Recherche d&#39;id&#233;es<br/><span class='pf_p_bold'>R&#233;alisation</span><br/>- Direction artistique de la photographie (photographie r&#233;alis&#233;e par Christophe S&#233;pulchre)<br/>- Mise en page et cr&#233;ation de la ligne graphique sous Illustrator et Photoshop",
	corps_slide_img: ["img/pf_pub_3_S1.jpg","img/pf_pub_3_S2.jpg","img/pf_pub_3_S3.jpg"]
	},
	{
	vignette_id: "pf_pub_4",
	vignette: "img/pf_pub_4.jpg",
	vtitre: "IBSR",
	vcorps: "safety distance",
	id:"pf_pub_4c",
	titre:"//IBSR",
	corps:"travail en 4 heures",
	corps_slide_img: ["img/pf_pub_4_S1.jpg","img/pf_pub_4_S2.jpg"]
	},
	{
	vignette_id: "pf_pub_5",
	vignette: "img/pf_pub_5.jpg",
	vtitre: "Indoor Media",
	vcorps: "jury de janvier",
	id:"pf_pub_5c",
	titre:"//Indoor Media",
	corps:"campagne compl&#232;te",
	corps_slide_img: ["img/pf_pub_5_S1.jpg","img/pf_pub_5_S2.jpg","img/pf_pub_5_S3.jpg","img/pf_pub_5_S4.jpg","img/pf_pub_5_S5.jpg","img/pf_pub_5_S6.jpg","img/pf_pub_5_S7.jpg","img/pf_pub_5_S8.jpg","img/pf_pub_5_S9.jpg","img/pf_pub_5_S10.jpg","img/pf_pub_5_S11.jpg","img/pf_pub_5_S12.jpg","img/pf_pub_5_S13.jpg","img/pf_pub_5_S14.jpg","img/pf_pub_5_S15.jpg","img/pf_pub_5_S16.jpg","img/pf_pub_5_S17.jpg","img/pf_pub_5_S18.jpg"]
	},
	{
	vignette_id: "pf_pub_6",
	vignette: "img/pf_pub_6.jpg",
	vtitre: "Trios",
	vcorps: "jury 2e ann&#233;e",
	id:"pf_pub_6c",
	titre:"//Trios",
	corps:"campagne compl&#232;te",
	corps_slide_img: ["img/pf_pub_6_S1.jpg","img/pf_pub_6_S2.jpg","img/pf_pub_6_S3.jpg","img/pf_pub_6_S4.jpg","img/pf_pub_6_S5.jpg"]
	},
	{
	vignette_id: "pf_pub_7",
	vignette: "img/pf_pub_7.jpg",
	vtitre: "Trivial Pursuit",
	vcorps: "exercice de d&#233;clinaison",
	id:"pf_pub_7c",
	titre:"//Trivial Pursuit",
	corps:"d&#233;clinaison selon la cible",
	corps_slide_img: ["img/pf_pub_7_S1.jpg","img/pf_pub_7_S2.jpg","img/pf_pub_7_S3.jpg"]
	},
	{
	vignette_id: "pf_pub_8",
	vignette: "img/pf_pub_8.jpg",
	vtitre: "Le 10 sports",
	vcorps: "pr&#233;sentoir",
	id:"pf_pub_8c",
	titre:"//Le 10 sports",
	corps:"travail en 4h",
	corps_slide_img: ["img/pf_pub_8_S1.jpg","img/pf_pub_8_S2.jpg"]
	},
	{
	vignette_id: "pf_pub_9",
	vignette: "img/pf_pub_9.jpg",
	vtitre: "Hover",
	vcorps: "the coldest fridge",
	id:"pf_pub_9c",
	titre:"//Hover",
	corps:"Travail en 4 heures",
	corps_slide_img: ["img/pf_pub_9_S1.jpg","img/pf_pub_9_S2.jpg"]
	}
);
//graph
var tab_pf_graph=new Array(
	{
	vignette_id: "pf_graph_0",
	vignette: "img/pf_graph_0.jpg",
	vtitre: "En vrac",
	vcorps: "r&#233;alisations diverses",
	id:"pf_graph_0c",
	titre:"//En vrac",
	corps:"r&#233;alisations diverses",
	corps_slide_img: ["img/pf_graph_0_S1.jpg","img/pf_graph_0_S2.jpg","img/pf_graph_0_S3.jpg","img/pf_graph_0_S4.jpg","img/pf_graph_0_S5.jpg","img/pf_graph_0_S6.jpg"]
	},
	{
	vignette_id: "pf_graph_1",
	vignette: "img/pf_graph_1.jpg",
	vtitre: "Couverture",
	vcorps: "cours de graphisme",
	id:"pf_graph_1c",
	titre:"//Couverture",
	corps:"cr&#233;ation et d&#233;clinaison d&#39;une charte dans le cadre du cours de graphisme",
	corps_slide_img: ["img/pf_graph_1_S1.jpg","img/pf_graph_1_S2.jpg","img/pf_graph_1_S3.jpg"]
	},
	{
	vignette_id: "pf_graph_2",
	vignette: "img/pf_graph_2.jpg",
	vtitre: "Les cailloux",
	vcorps: "attention aux retomb&#233;es",
	id:"pf_graph_2c",
	titre:"//Les cailloux sont nos amis",
	corps:"invasion possible",
	corps_slide_img: ["img/pf_graph_2_S1.jpg","img/pf_graph_2_S2.jpg","img/pf_graph_2_S3.jpg","img/pf_graph_2_S4.jpg","img/pf_graph_2_S5.jpg","img/pf_graph_2_S6.jpg","img/pf_graph_2_S7.jpg","img/pf_graph_2_S8.jpg","img/pf_graph_2_S9.jpg","img/pf_graph_2_S10.jpg","img/pf_graph_2_S11.jpg","img/pf_graph_2_S12.jpg","img/pf_graph_2_S13.jpg","img/pf_graph_2_S14.jpg","img/pf_graph_2_S15.jpg","img/pf_graph_2_S16.jpg","img/pf_graph_2_S17.jpg","img/pf_graph_2_S18.jpg","img/pf_graph_2_S19.jpg","img/pf_graph_2_S20.jpg","img/pf_graph_2_S21.jpg","img/pf_graph_2_S22.jpg","img/pf_graph_2_S23.jpg","img/pf_graph_2_S24.jpg","img/pf_graph_2_S25.jpg","img/pf_graph_2_S26.jpg","img/pf_graph_2_S27.jpg","img/pf_graph_2_S28.jpg","img/pf_graph_2_S29.jpg","img/pf_graph_2_S30.jpg","img/pf_graph_2_S31.jpg","img/pf_graph_2_S32.jpg","img/pf_graph_2_S33.jpg","img/pf_graph_2_S34.jpg","img/pf_graph_2_S35.jpg","img/pf_graph_2_S36.jpg","img/pf_graph_2_S37.jpg","img/pf_graph_2_S38.jpg","img/pf_graph_2_S39.jpg","img/pf_graph_2_S40.jpg","img/pf_graph_2_S41.jpg","img/pf_graph_2_S42.jpg","img/pf_graph_2_S43.jpg","img/pf_graph_2_S44.jpg","img/pf_graph_2_S45.jpg","img/pf_graph_2_S46.jpg","img/pf_graph_2_S47.jpg","img/pf_graph_2_S48.jpg","img/pf_graph_2_S49.jpg","img/pf_graph_2_S50.jpg","img/pf_graph_2_S51.jpg","img/pf_graph_2_S52.jpg","img/pf_graph_2_S53.jpg","img/pf_graph_2_S54.jpg"]
	}
);
//dessin
var tab_pf_dessin=new Array(
	{
	vignette_id: "pf_dessin_0",
	vignette: "img/pf_dessin_0.jpg",
	vtitre: "Croquis",
	vcorps: "d&#39;inspirations diverses.",
	id:"pf_dessin_0c",
	titre:"//Croquis",
	corps:"d&#39;inspirations diverses.",
	corps_slide_img: ["img/pf_dessin_0_S1.jpg","img/pf_dessin_0_S2.jpg","img/pf_dessin_0_S3.jpg","img/pf_dessin_0_S4.jpg","img/pf_dessin_0_S5.jpg","img/pf_dessin_0_S6.jpg","img/pf_dessin_0_S7.jpg","img/pf_dessin_0_S8.jpg","img/pf_dessin_0_S9.jpg","img/pf_dessin_0_S10.jpg","img/pf_dessin_0_S11.jpg","img/pf_dessin_0_S12.jpg"]
	},
	{
	vignette_id: "pf_dessin_1",
	vignette: "img/pf_dessin_1.jpg",
	vtitre: "Digital painting",
	vcorps: "peinture sous photoshop",
	id:"pf_dessin_1c",
	titre:"//Digital painting",
	corps:"peinture digital sous photoshop",
	corps_slide_img: ["img/pf_dessin_1_S1.jpg","img/pf_dessin_1_S2.jpg"]
	},
	{
	vignette_id: "pf_dessin_2",
	vignette: "img/pf_dessin_2.jpg",
	vtitre: "Vectoriel",
	vcorps: "dessin vectoriel",
	id:"pf_dessin_2c",
	titre:"//Vectoriel",
	corps:"dessin vectoriel sous Illustrator",
	corps_slide_img: ["img/pf_dessin_2_S1.jpg","img/pf_dessin_2_S2.jpg"]
	},
	{
	vignette_id: "pf_dessin_3",
	vignette: "img/pf_dessin_3.jpg",
	vtitre: "Rough",
	vcorps: "marqueur pantone",
	id:"pf_dessin_3c",
	titre:"//Rough",
	corps:"dessin au marqueur pantone",
	corps_slide_img: ["img/pf_dessin_3_S1.jpg"]
	},
	{
	vignette_id: "pf_dessin_4",
	vignette: "img/pf_dessin_4.jpg",
	vtitre: "Mise ne couleur",
	vcorps: "colorisation sous photoshop",
	id:"pf_dessin_4c",
	titre:"//Mise en couleur",
	corps:"colorisation sous photoshop",
	corps_slide_img: ["img/pf_dessin_4_S1.jpg","img/pf_dessin_4_S2.jpg","img/pf_dessin_4_S3.jpg"]
	}
);
//photo
var tab_pf_photo=new Array(
	{
	vignette_id: "pf_photo_0",
	vignette: "img/pf_photo_0.jpg",
	vtitre: "Urban life",
	vcorps: "th&#232;me libre pour l&#39;option photo",
	id:"pf_photo_0c",
	titre:"//Urban life",
	corps:"r&#233;flection urbaine",
	corps_slide_img: ["img/pf_photo_0_S1.jpg","img/pf_photo_0_S2.jpg","img/pf_photo_0_S3.jpg","img/pf_photo_0_S4.jpg","img/pf_photo_0_S5.jpg","img/pf_photo_0_S6.jpg","img/pf_photo_0_S7.jpg","img/pf_photo_0_S8.jpg","img/pf_photo_0_S9.jpg","img/pf_photo_0_S10.jpg"]
	},
	{
	vignette_id: "pf_photo_1",
	vignette: "img/pf_photo_1.jpg",
	vtitre: "Bottle, Coke and Rock&#39;n Roll",
	vcorps: "th&#232;me libre pour l&#39;option photo",
	id:"pf_photo_1c",
	titre:"//Bottle, Coke and Rock&#39;n Roll",
	corps:"",
	corps_slide_img: ["img/pf_photo_1_S1.jpg","img/pf_photo_1_S2.jpg","img/pf_photo_1_S3.jpg","img/pf_photo_1_S4.jpg","img/pf_photo_1_S5.jpg","img/pf_photo_1_S6.jpg","img/pf_photo_1_S7.jpg","img/pf_photo_1_S8.jpg","img/pf_photo_1_S9.jpg","img/pf_photo_1_S10.jpg"]
	},
	{
	vignette_id: "pf_photo_2",
	vignette: "img/pf_photo_2.jpg",
	vtitre: "Ferrari",
	vcorps: "th&#232;me libre pour l&#39;option photo",
	id:"pf_photo_2c",
	titre:"//Ferrari",
	corps:"",
	corps_slide_img: ["img/pf_photo_2_S1.jpg","img/pf_photo_2_S2.jpg","img/pf_photo_2_S3.jpg","img/pf_photo_2_S4.jpg","img/pf_photo_2_S5.jpg","img/pf_photo_2_S6.jpg","img/pf_photo_2_S7.jpg","img/pf_photo_2_S8.jpg","img/pf_photo_2_S9.jpg","img/pf_photo_2_S10.jpg"]
	},
	{
	vignette_id: "pf_photo_3",
	vignette: "img/pf_photo_3.jpg",
	vtitre: "Flore espagnole",
	vcorps: "pour le plaisir",
	id:"pf_photo_3c",
	titre:"//Flore espagnole",
	corps:"",
	corps_slide_img: ["img/pf_photo_3_S1.jpg","img/pf_photo_3_S2.jpg","img/pf_photo_3_S3.jpg","img/pf_photo_3_S4.jpg","img/pf_photo_3_S5.jpg","img/pf_photo_3_S6.jpg","img/pf_photo_3_S7.jpg","img/pf_photo_3_S8.jpg","img/pf_photo_3_S9.jpg","img/pf_photo_3_S10.jpg","img/pf_photo_3_S11.jpg","img/pf_photo_3_S12.jpg","img/pf_photo_3_S13.jpg","img/pf_photo_3_S14.jpg","img/pf_photo_3_S15.jpg","img/pf_photo_3_S16.jpg","img/pf_photo_3_S17.jpg","img/pf_photo_3_S18.jpg","img/pf_photo_3_S19.jpg","img/pf_photo_3_S20.jpg","img/pf_photo_3_S21.jpg"]
	},
	{
	vignette_id: "pf_photo_4",
	vignette: "img/pf_photo_4.jpg",
	vtitre: "Snap time",
	vcorps: "pour le plaisir",
	id:"pf_photo_4c",
	titre:"//Snap Time",
	corps:"photo prise &#224; l&#39;envie sur le moment",
	corps_slide_img: ["img/pf_photo_4_S1.jpg","img/pf_photo_4_S2.jpg","img/pf_photo_4_S3.jpg","img/pf_photo_4_S4.jpg","img/pf_photo_4_S5.jpg","img/pf_photo_4_S6.jpg","img/pf_photo_4_S7.jpg","img/pf_photo_4_S8.jpg","img/pf_photo_4_S9.jpg","img/pf_photo_4_S10.jpg"]
	}
);
//web
var tab_pf_web=new Array(
	{
	vignette_id: "pf_web_0",
	vignette: "img/pf_web_0.jpg",
	vtitre: "M&#233;lanie Principe",
	vcorps: "r&#233;alisation du site de l&#39;artiste",
	id:"pf_web_0c",
	titre:"//M&#233;lanie Principe",
	corps:"r&#233;alisation du site <a href='http://www.melanieprincipe.com' target='_blank'>http://www.melanieprincipe.com</a>",
	corps_slide_img: ["img/pf_web_0_S1.jpg"]
	},
	{
	vignette_id: "pf_web_1",
	vignette: "img/pf_web_1.jpg",
	vtitre: "Youkipix.com",
	vcorps: "r&#233;alisation de th&#232;mes",
	id:"pf_web_1c",
	titre:"//Youkipix",
	corps:"r&#233;alisation de th&#232;mes pour le site <a href='http://www.youkipix.com' target='_blank'>Youkipix</a> lors d'un stage &#224; <a href='http://www.lencrenoire.com' target='_blank'>l'Encre Noire</a>",
	corps_slide_img: ["img/pf_web_1_S1.jpg","img/pf_web_1_S2.jpg","img/pf_web_1_S3.jpg","img/pf_web_1_S4.jpg","img/pf_web_1_S5.jpg","img/pf_web_1_S6.jpg","img/pf_web_1_S7.jpg","img/pf_web_1_S8.jpg","img/pf_web_1_S9.jpg","img/pf_web_1_S10.jpg","img/pf_web_1_S11.jpg"]
	}
);
//portfolio menu onglet
var portfoliomenu='<div id="pf_menu_id"></div><div id="pf_menu_ct"></div><div id="pf_menu_footer"></div>';
var pf_menu_id=new Array(
	{
	id : "pf_pub",
	img_src : "img/pf_menu_pub.png"
	},
	{
	id : "pf_graph",
	img_src : "img/pf_menu_graph.png"
	},
	{
	id : "pf_dessin",
	img_src : "img/pf_menu_dessin.png"
	},
	{
	id : "pf_photo",
	img_src : "img/pf_menu_photo.png"
	},
	{
	id : "pf_web",
	img_src : "img/pf_menu_web.png"
	}
);
var portfoliomenuid='<ul id="pf_menu_5choix">'
for(var i=0;i<pf_menu_id.length;i++){
	portfoliomenuid+='<li><a id="'+pf_menu_id[i].id+'"><img src="'+pf_menu_id[i].img_src+'" alt="menu"/></a></li>';
}
portfoliomenuid+='</ul>';
//vignette
	//pub
	var pf_pub_all="";
	for(var i=0;i<tab_pf_pub.length;i++){
		pf_pub_all+='<div id="'+tab_pf_pub[i].vignette_id+'" class="boxgrid captionfull"><img src="'+tab_pf_pub[i].vignette+'"/><div id="pf_pub_m_'+i+'" class="cover boxcaption"><h1>'+tab_pf_pub[i].vtitre+'</h1><p>'+tab_pf_pub[i].vcorps+'</p></div></div>';
	}
	//graph
	var pf_graph_all="";
	for(var i=0;i<tab_pf_graph.length;i++){
		pf_graph_all+='<div id="'+tab_pf_graph[i].vignette_id+'" class="boxgrid captionfull"><img src="'+tab_pf_graph[i].vignette+'"/><div id="pf_graph_m_'+i+'" class="cover boxcaption"><h1>'+tab_pf_graph[i].vtitre+'</h1><p>'+tab_pf_graph[i].vcorps+'</p></div></div>';
	}
	//dessin
	var pf_dessin_all="";
	for(var i=0;i<tab_pf_dessin.length;i++){
		pf_dessin_all+='<div id="'+tab_pf_dessin[i].vignette_id+'" class="boxgrid captionfull"><img src="'+tab_pf_dessin[i].vignette+'"/><div id="pf_dessin_m_'+i+'" class="cover boxcaption"><h1>'+tab_pf_dessin[i].vtitre+'</h1><p>'+tab_pf_dessin[i].vcorps+'</p></div></div>';
	}
	//photo
	var pf_photo_all="";
	for(var i=0;i<tab_pf_photo.length;i++){
		pf_photo_all+='<div id="'+tab_pf_photo[i].vignette_id+'" class="boxgrid captionfull"><img src="'+tab_pf_photo[i].vignette+'"/><div id="pf_photo_m_'+i+'" class="cover boxcaption"><h1>'+tab_pf_photo[i].vtitre+'</h1><p>'+tab_pf_photo[i].vcorps+'</p></div></div>';
	}
	//web
	var pf_web_all="";
	for(var i=0;i<tab_pf_web.length;i++){
		pf_web_all+='<div id="'+tab_pf_web[i].vignette_id+'" class="boxgrid captionfull"><img src="'+tab_pf_web[i].vignette+'"/><div id="pf_web_m_'+i+'" class="cover boxcaption"><h1>'+tab_pf_web[i].vtitre+'</h1><p>'+tab_pf_web[i].vcorps+'</p></div></div>';
	}
	
	pf_menu_ct_HTML="";
	pf_menu_ct_HTML+='<div id="pf_pub_ct" style="display:none;width:790px;height:400px;overflow:auto;"><div style="width:690px;margin:0 auto 0 auto">'+pf_pub_all+'</div></div>';
	pf_menu_ct_HTML+='<div id="pf_graph_ct" style="display:none;width:790px;height:400px;overflow:auto;"><div style="width:690px;margin:0 auto 0 auto">'+pf_graph_all+'</div></div>';
	pf_menu_ct_HTML+='<div id="pf_dessin_ct" style="display:none;width:790px;height:400px;overflow:auto;"><div style="width:690px;margin:0 auto 0 auto">'+pf_dessin_all+'</div></div>';
	pf_menu_ct_HTML+='<div id="pf_photo_ct" style="display:none;width:790px;height:400px;overflow:auto;"><div style="width:690px;margin:0 auto 0 auto">'+pf_photo_all+'</div></div>';
	pf_menu_ct_HTML+='<div id="pf_web_ct" style="display:none;width:790px;height:400px;overflow:auto;"><div style="width:690px;margin:0 auto 0 auto">'+pf_web_all+'</div></div>';
//slide du basy avec descr
	//slide - visu - grande;
	//pub
	portfolio_pubslide="";
	for(var i=0;i<tab_pf_pub.length;i++){
		portfolio_pubslide+='<div id="'+tab_pf_pub[i].id+'" style="display:none;">';
		portfolio_pubslide+='<h1>'+tab_pf_pub[i].titre+'</h1>';
		portfolio_pubslide+='<p>'+tab_pf_pub[i].corps+'</p>';
		portfolio_pubslide+='<span id="prev_slide_'+i+'" class="prev_slide_basy"></span>';
		portfolio_pubslide+='<div id="slide_'+i+'" class="slide_basy">';
		slide_pub="";
		for(var j=0;j<tab_pf_pub[i].corps_slide_img.length;j++){
			slide_pub+='<div style="width:800px; height:500px;"><img src="'+tab_pf_pub[i].corps_slide_img[j]+'" alt="slide"/></div>';
		}
		portfolio_pubslide+=slide_pub;
		portfolio_pubslide+='</div><span id="next_slide_'+i+'" class="next_slide_basy"></span>';
		portfolio_pubslide+='</div>';
	}
	//graph
	portfolio_graphslide="";
	for(var i=0;i<tab_pf_graph.length;i++){
		portfolio_graphslide+='<div id="'+tab_pf_graph[i].id+'" style="display:none;">';
		portfolio_graphslide+='<h1>'+tab_pf_graph[i].titre+'</h1>';
		portfolio_graphslide+='<p>'+tab_pf_graph[i].corps+'</p>';
		portfolio_graphslide+='<span id="prev_slide_'+i+'" class="prev_slide_basy"></span>';
		portfolio_graphslide+='<div id="slide_'+i+'" class="slide_basy">';
		slide_graph="";
		for(var j=0;j<tab_pf_graph[i].corps_slide_img.length;j++){
			slide_graph+='<div style="width:800px; height:500px;"><img src="'+tab_pf_graph[i].corps_slide_img[j]+'" alt="slide"/></div>';
		}
		portfolio_graphslide+=slide_graph;
		portfolio_graphslide+='</div><span id="next_slide_'+i+'" class="next_slide_basy"></span>';
		portfolio_graphslide+='</div>';
	}
	//dessin
		portfolio_dessinslide="";
	for(var i=0;i<tab_pf_dessin.length;i++){
		portfolio_dessinslide+='<div id="'+tab_pf_dessin[i].id+'" style="display:none;">';
		portfolio_dessinslide+='<h1>'+tab_pf_dessin[i].titre+'</h1>';
		portfolio_dessinslide+='<p>'+tab_pf_dessin[i].corps+'</p>';
		portfolio_dessinslide+='<span id="prev_slide_'+i+'" class="prev_slide_basy"></span>';
		portfolio_dessinslide+='<div id="slide_'+i+'" class="slide_basy">';
		slide_dessin="";
		for(var j=0;j<tab_pf_dessin[i].corps_slide_img.length;j++){
			slide_dessin+='<div style="width:800px; height:500px;"><img src="'+tab_pf_dessin[i].corps_slide_img[j]+'" alt="slide"/></div>';
		}
		portfolio_dessinslide+=slide_dessin;
		portfolio_dessinslide+='</div><span id="next_slide_'+i+'" class="next_slide_basy"></span>';
		portfolio_dessinslide+='</div>';
	}
	//photo
		portfolio_photoslide="";
	for(var i=0;i<tab_pf_photo.length;i++){
		portfolio_photoslide+='<div id="'+tab_pf_photo[i].id+'" style="display:none;">';
		portfolio_photoslide+='<h1>'+tab_pf_photo[i].titre+'</h1>';
		portfolio_photoslide+='<p>'+tab_pf_photo[i].corps+'</p>';
		portfolio_photoslide+='<span id="prev_slide_'+i+'" class="prev_slide_basy"></span>';
		portfolio_photoslide+='<div id="slide_'+i+'" class="slide_basy">';
		slide_photo="";
		for(var j=0;j<tab_pf_photo[i].corps_slide_img.length;j++){
			slide_photo+='<div style="width:800px; height:500px;"><img src="'+tab_pf_photo[i].corps_slide_img[j]+'" alt="slide"/></div>';
		}
		portfolio_photoslide+=slide_photo;
		portfolio_photoslide+='</div><span id="next_slide_'+i+'" class="next_slide_basy"></span>';
		portfolio_photoslide+='</div>';
	}
	//web
		portfolio_webslide="";
	for(var i=0;i<tab_pf_web.length;i++){
		portfolio_webslide+='<div id="'+tab_pf_web[i].id+'" style="display:none;">';
		portfolio_webslide+='<h1>'+tab_pf_web[i].titre+'</h1>';
		portfolio_webslide+='<p>'+tab_pf_web[i].corps+'</p>';
		portfolio_webslide+='<span id="prev_slide_'+i+'" class="prev_slide_basy"></span>';
		portfolio_webslide+='<div id="slide_'+i+'" class="slide_basy">';
		slide_web="";
		for(var j=0;j<tab_pf_web[i].corps_slide_img.length;j++){
			slide_web+='<div style="width:800px; height:500px;"><img src="'+tab_pf_web[i].corps_slide_img[j]+'" alt="slide"/></div>';
		}
		portfolio_webslide+=slide_web;
		portfolio_webslide+='</div><span id="next_slide_'+i+'" class="next_slide_basy"></span>';
		portfolio_webslide+='</div>';
	}
	
	portfolio_slide='<div id="pf_basy">';
	portfolio_slide+=portfolio_pubslide;
	portfolio_slide+=portfolio_graphslide;
	portfolio_slide+=portfolio_dessinslide;
	portfolio_slide+=portfolio_photoslide;
	portfolio_slide+=portfolio_webslide;
	portfolio_slide+='</div>';
	
//CV
var cv_inside=[{
			entete : "<img src='img/cv_ls_logo.png'/><br/>AD - Graphiste<br/>Web-developer<br/>Web-designer",
			info : "N&#233; le 2 janvier 1988 - Belge - C&#233;libataire<br/>Rue du Laveu 198 - BE-4000 Li&#232;ge<br/>T&#233;l. +32 (0) 4 253 08 61<br/>Gsm: +32 (0) 474 69 26 50<br/>contact@laurent-s.com<br/>http://www.laurent-s.com"
			},[{
			id:"cv_formations",
			img_src:"img/cv_formations.png",
			titre:"<img src='img/cv_croix.png'/>Formation",
			corps:"<span class='size10'>2010-2011</span><br/>&#8226; STE-Formation<br/>Formation Rich Media Developer (Web 2.0).<br/><br/><span class='size10'>2006-2009</span><br/>&#8226; &#201;cole Sup&#233;rieure des Arts Saint-Luc Li&#232;ge,<br/>baccalaur&#233;at en publicit&#233; (3 distinctions).<br/><br/><span class='size10'>2000-2006</span><br/>&#8226; Ath&#233;n&#233;e Royal Charles Rogier Li&#232;ge 1,<br/>certificat d'enseignement secondaire option scientifique."
			},
			{
			id:"cv_competences",
			img_src:"img/cv_competences.png",
			titre:"<img src='img/cv_croix.png'/>Comp&#233;tences",
			corps:"&#8226; Recherche cr&#233;ative,<br/>&#8226; R&#233;alisation, d&#233;clinaison, adaptation de concepts,<br/>&#8226; Perfectionnisme et ouverture,<br/>&#8226; Vision artistique et commerciale,<br/>&#8226; Conception et devellopement print et web."
			},
			{
			id:"cv_experiences",
			img_src:"img/cv_experiences.png",
			titre:"<img src='img/cv_croix.png'/>Exp&#233;riences",
			corps:"&#8226; Mission pour Coca-cola Belgium - Chaudfontaine<br/>&#8226; Stage en agence - L'Encre Noire  http://www.lencrenoire.com<br/>&#8226; Collage, d&#233;coupe et finition pour Ar&Cs studio graphique"
			},
			{
			id:"cv_techniques",
			img_src:"img/cv_techniques.png",
			titre:"<img src='img/cv_croix.png'/>Techniques",
			corps:"&#8226; Adobe Creative Suite:<br/><span class='size10'>Photoshop, illustrator, Indesign, Flash, Dreamweaver, After Effects,</span><br/>&#8226; CorelDraw,<br/>&#8226; Html, CSS, Javascript, Php, Xml, Mysql, Ajax, Flash, Flex, AS 3.0,<br/>&#8226; Bonne connaissance de la chaine graphique."
			},
			{
			id:"cv_extra",
			img_src:"img/cv_extra.png",
			titre:"<img src='img/cv_plus.png'/>Extra",
			corps:"&#8226; Langues:<br/><span class='size10'>Anglais: lecture (roman), &#233;criture fluide,<br/>Fran&#231;ais: langue maternelle.</span><br/>&#8226; Loisirs:<br/><span class='size10'>Arts, design, graphisme, dessin, peinture, informatique, photographie, mode, cin&#233;ma, concert.</span>"
			}]];
	var cv_structure='<div id="cv">';
	cv_structure+='<div id="cv_entete"><p>'+cv_inside[0].entete+'</p><p>'+cv_inside[0].info+'</p></div>';
	for(var i=0;i<cv_inside[1].length;i++){
		cv_structure+='<div id="'+cv_inside[1][i].id+'" class="cv_rubrique">';
		cv_structure+='<img src="'+cv_inside[1][i].img_src+'"/>';
		cv_structure+='<div><h2>'+cv_inside[1][i].titre+'</h2>';
		cv_structure+='<p>'+cv_inside[1][i].corps+'</p></div></div>';
	}
	cv_structure+='</div>';

//CONTACT
var contact_form='<div id="contact"><p><img src="img/contact_post.png"/><br/>Laurent Schoonbrodt<br/>198, rue du Laveu<br/>B-4000 Li&#232;ge</p><p><img src="img/contact_tel.png"/><br/>T&#233;l. +32 (0) 4 253 08 61<br/>Gsm : +32 (0) 474 69 26 50</p><p><img src="img/contact_email.png"/><br/><a href="mailto:contact@laurent-s.com">contact@laurent-s.com</a></p></div>';

//LIENS
var tab_liens=[
{
url : "http://www.melanieprincipe.com",
img_src : "img/liens_00.jpg"
},
{
url : "http://www.thedoorsofmyperception.com",
img_src : "img/liens_01.jpg"
},
{
url : "http://www.artskills.net",
img_src : "img/liens_02.jpg"
},
{
url : "http://www.saintluc-liege.be/",
img_src : "img/liens_03.jpg"
}
];
var liens='<div id="liens">';
for(var i=0;i<tab_liens.length;i++){
	liens+='<a href="'+tab_liens[i].url+'" target="_blank"><img src="'+tab_liens[i].img_src+'"/></a>';
}
liens+='</div>';