/**
 * @author PeOh
 */
$(document).ready(initPage);

var tableau= new Array();
	
	/*3gss rel=0*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6780774&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6780774&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>3 GARS SUL SOFA </h6><h1>OURSE ET CIEL </h1> <h3>Compositing</h3></div>');
	
	/*surf movie rel=1*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6601924&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6601924&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>PeOh!</h6><h1> If I would do a surf movie? </h1> <h3>Réalisation, Montage, Caméra </h3></div>');
	
	/*Modern Monkey rel=2*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6432431&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6432431&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>GreyScaleGorillaz</h6><h1>Modern Monkey</h1><h3>Réalisation, Animation</h3></div>')
	
	/* Surf-101 rel=3*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7029806&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7029806&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Surf-101</h6><h1>Introduction</h1><h3>Réalisation, Animation</h3></div>')
	
	/*2e Mondre rel=4*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7031190&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7031190&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>2e Monde</h6><h1>La saveur du mois</h1><h3>Animation 3D</h3></div>')
	
	/*Francouverte 14  rel=5*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7065919&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7065919&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Francouverte</h6><h1>Francouverte 14e Édition - Pub Automne 09</h1><h3>Concept, Animation, Réalisation</h3></div>')
	
	/*MediaSud  rel=6*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7068842&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7068842&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>MédiaSud.ca</h6><h1>Introduction + Habillage</h1><h3>Animation, Réalisation, 3D</h3></div>')
	
	/*Francouverte 13 Hiver 09  rel=7*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7068698&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7068698&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Francouverte</h6><h1>Francouverte 13e Édition - Pub Hiver 09</h1><h3>Animation, Réalisation</h3></div>')
	
	/*Motel  rel=8*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7103306&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7103306&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>PeOh!</h6><h1>Motel</h1><h3>Photo, Réalisation, Montage</h3></div>')
	
	/*Francouverte 13 Automne 08  rel=9*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7068149&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7068149&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Francouverte</h6><h1>Francouverte 13e Édition - Pub Automne 08</h1><h3>Animation, Réalisation, Caméra</h3></div>')	
	
	/*That's It That's All  rel=10*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7030157&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7030157&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Projet Scolaire</h6><h1>Thats It, Thats All</h1><h3>Montage</h3></div>')	
	
	/*Oberson Sport  rel=11*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7030409&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7030409&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Snowboard</h6><h1>Oberson Snowboard</h1><h3>Caméra, Réalisation, Animation</h3></div>')	
	
	/*Montreal Matrix  rel=12*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6948634&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6948634&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Montreal Matrix</h6><h1>Montreal Matrix Promo</h1><h3>Réalisation, Animation</h3></div>')	
	
	
	/*WEB WEB WEB 2eMonde  rel=13 WEB WEB WEB*/
	tableau.push('<img src="images/web2emonde.jpg" width="600" height="345" alt="2e Monde Web"> <div id="description"><h6>2e Monde</h6><a href="http://www.2emonde.ca" title="2e Monde"><h1>www.2emonde.ca</h1></a><h3>Programmation AS3, Design</h3></div>')	
	
	/*WEB WEB WEB Surf-101  rel=14 WEB WEB WEB*/
	tableau.push('<img src="images/websurf101.jpg" width="600" height="345" alt="Surf-101 Web"> <div id="description"><h6>Surf-101</h6><a href="http://www.surf-101.com" title="Surf-101"><h1>www.surf-101.com</h1></a><h3>Design</h3></div>')
	
	/*DEMO DEMO Demo Reel  rel=15 DEMO DEMO*/
	tableau.push('<img src="images/peoh.jpg" width="600" height="345" alt="Demoreel"> <div id="description"><h6>PeOh!</h6><h1>Demo Reel 10 à venir</h1></div>')
	
	/*INFO INFO INFO  rel=16 INFO INFO*/
	tableau.push('<table><tr><td><h5>PeOh!</h5><p>Pierre-Olivier Nantel</p><a href="mailto:info@peohmotion.com" class="mail"><p>info@peohmotion.com</p></a><p>514.465.6023</p> </td> <td> <h5>Logiciels</h5><p>After Effects</p><p>Final Cut Pro</p><p>Premiere Pro</p><p>Photoshop</p><p>Illustrator</p><p>Softimage XSI</p><p>Cinema 4D</p><p>Flash</p><p>Dreamweaver</p><p>Aptana</p><p>Soundtrack Pro</p> </td> <td><h5>Programmation</h5> <p>Html</p><p>CSS</p><p>Javascript</p><p>Actionscript 3</p><p>Actionscript 2</p><p>PHP</p> </td> <td> <h5>Autre</h5> <p>Photographie</p><p>Vidéographie</p></td></tr></table>')
	
	
	/*Sunshine  rel=17*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7216156&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7216156&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Projet Scolaire</h6><h1>Atmosphere - Sunshine</h1><h3>Réalisation, Animation, Photographie</h3></div>')	

	/*Lautrec  rel=18*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8043020&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8043020&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Select TV</h6><h1>Lautrec - À jamais</h1><h3>Animation</h3></div>')	

	/*Indentité  rel=19*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7728656&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7728656&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Concour</h6><h1>Je protège mon identité</h1><h3>Réalisation, Animation</h3></div>')	

	/*Oberson Snow  rel=20*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8036756&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8036756&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Projet Scolaire</h6><h1>Oberson Snowboard</h1><h3>Réalisation, Animation</h3></div>')	

	/*Création  rel=21*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8252399&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8252399&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>PeOh!</h6><h1>Création Motion Design</h1><h3>Réalisation, Animation, Photo, Vidéo, 3D</h3></div>')	

	/*DANCE DANCE  rel=22*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9378525&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9378525&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Julien Vallée</h6><h1>Danse Dance</h1><h3>DIRECTOR / Julien Vallée <br/>CONCEPT / Julien Vallée & Nicolas Burrows<br/>D.O.P. / Simon Duhamel<br/>FLASH DEVELOPMENT / Jérémi Dallaire<br/>SOUND DESIGN / Nicolas Burrows & René-Pierre T.-Guérin<br/>MOTION DESIGN / Julien Vallée<br/>MUSIC / Montoire<br/>ADDITIONAL KEYING / Pierre-Olivier Nantel & Marie-Michele Bergeron</h3></div>')	

	/*WEB WEB WEB We Are Creators  rel=23 WEB WEB WEB*/
	tableau.push('<img src="images/wearecreators.jpg" width="600" height="345" alt="Surf-101 Web"> <div id="description"><a href="http://tim.college-em.qc.ca/~veronma7/wearecreators/index.php" title="We are creators"><h1>We Are Creators</h1></a><h3>Design : Pierre-Olivier Nantel <br/> Programmation : Philippe Trudel Guerbilsky <br\> Intégration : Marc-André Véronneau</h3></div>')
	
	
	/*WEB WEB WEB 2012  rel=24 WEB WEB WEB*/
	tableau.push('<img src="images/2012.jpg" width="600" height="345" alt="Surf-101 Web"> <div id="description"><h6>WebDesign Go 2010</h6><a href="http://webjam.webdesigngo.ca/competition.php?equipe=07" title="2012"><h1>2012 / Gagnant de la 3em place</h1></a><h3>Design et vidéo: Pierre-Olivier Nantel & Francis Coulombe <br/> Programmation : Matthieu Gadrat & Philippe Trudel Guerbilsky <br\> Coach : Sophie Blondeau</h3></div>')
	
	
	/*Judo Québec Intro  rel=25*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11508547&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11508547&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Projet Scolaire</h6><h1>Judo Québec Intro</h1><h3>Réalisation, DOP, Montage : Pierre-Olivier Nantel <br/>Caméraman: Gabriel Auger<br/>B-Roll: Minh Nhat Le<br/>Éclairage: Francis Brosseau<br/>Assistant de prod: Simon Bouchard, Guillaume Perrault<br/>Professeur: Pierre Bundock</h3></div>')	

	/*Judo Québec Intro  rel=26*/
	tableau.push('<object width="600" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11509927&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11509927&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="345"></embed></object><div id="description"><h6>Projet Scolaire</h6><h1>Judo Québec Capsule 1</h1><h3>Réalisation, DOP, Montage : Pierre-Olivier Nantel <br/>Caméraman: Gabriel Auger<br/>B-Roll & 3D: Minh Nhat Le<br/>Éclairage & 3D: Francis Brosseau<br/>Assistant de prod: Simon Bouchard, Guillaume Perrault<br/>Professeur: Pierre Bundock</h3></div>')	
	
	/*MTL Premium  rel=27*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13550386&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=13550386&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Pub Web</h6><h1>MTL Premium Lager</h1><h3>Réalisation, DOP, Montage : Pierre-Olivier Nantel et Benjamin Rochette </div>')	
	
	
	/*ProAm  rel=28*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=15561553&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=15561553&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Intro WebTV</h6><h1>ProAM TV</h1><h3>Réalisation, DOP, Montage : Pierre-Olivier Nantel</div>')	
	
	/*Burton  rel=29*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=16234296&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=16234296&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Animation Promo</h6><h1>Burton Lipstick</h1><h3>Réalisation, Montage : Pierre-Olivier Nantel<br/>DOP: Benoit Hebert<br/> Studio: Christian Tremblay</div>')	
	
	
		/*Oberson Billboard  rel=30*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=15424985&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=15424985&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Making of</h6><h1>Oberson Billboard</h1><h3>Réalisation, Montage : Pierre-Olivier Nantel<br/>Photo concept: Christian Tremblay<br/> Studio: Christian Tremblay</div>')
	
	
	/*Offf  rel=31*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12888493&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12888493&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Julien Vallée</h6><h1>OFFF Paris 2010 Sponsors Titles</h1><h3>DIRECTOR : Julien Vallée <br/>CONCEPT : Julien Vallée & Nicolas Burrows<br/>D.O.P. : Simon Duhamel<br/>SOUND DESIGN : David Kamp<br/>MUSIC : Like Elliot Did <br/>ADDITIONAL HELP <br/>Karim Zariffa<br/Eve Duhamel<br/>Guillaume Marin<br/>Olivier Valiquette<br/>Pierre-Olivier Nantel<br/>Madeleine Cournoyer<br/>Claude Duhamel<br/>Cedric Jaccheri<br/>Amandine Zink</h3></div>')
	
	
	/*Furni rel=32*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10061351&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10061351&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>Julien Vallée</h6><h1>Furni Promo</h1><h3>Réalsation : Julien Vallée <br/>D.O.P. : Simon Duhamel<br/>Motion Graphic : Julien Vallée et Pierre-Olivier Nantel</h3></div>')
	
	/*Furni rel=33*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12774009&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12774009&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>OuiSurf</h6><h1>Bumper</h1><h3>Réalsation : Pierre-Olivier Nantel et Marc-André Laurin <br/>Motion Graphic : Pierre-Olivier Nantel</div>')
	
	
	/*Exp No1 rel=34*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13335668&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=13335668&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>PeOh!</h6><h1>Exp. No. 1</h1><h3>Réalsation/Motion : Pierre-Olivier Nantel</div>')
	
		/*Exp No2 rel=35*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13441815&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=13441815&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>PeOh!</h6><h1>Exp. No. 2 / CMYK</h1><h3>Réalsation/Motion : Pierre-Olivier Nantel</div>')
	
	/*Exp No3 rel=36*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=19885779&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=19885779&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>PeOh!</h6><h1>Exp. No. 3 / Living Color</h1><h3>Réalsation/Motion : Pierre-Olivier Nantel</div>')
	
	/*Coors Light rel=37*/
	tableau.push('<object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=20624187&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=20624187&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=26c7d9&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><div id="description"><h6>PeOh!</h6><h1>Coors Light Challenge / Maxence Parrot</h1><h3>Réalsation/Motion : Pierre-Olivier Nantel<br/> Rider : Maxence Parrot</div>')


function initPage()
{
	
	
	
	
	$("#menu h4").click(function(){

	var no = $(this).attr("rel");

	$("#contenu").html(tableau[no]);
		
	});
	
	
	
	
	
}


/*
function changeVideo()
{
	alert("sdiufh")
	
	var no = $(this).attr("rel");
	alert(no)
	$(".contenu").html("tableau["+no+"]");
	
	
	return false;
}
*/

