// JQuery Document

var chrono;
var chronoDesc;
var chronoImage;

var alRandom = [];

var alType = [];
alType.push("Tous"); //0
alType.push("Identit&eacute;s visuelles"); //1
alType.push("Rapports annuels"); //2
alType.push("Brochures et catalogues"); //3
alType.push("Affiches, d&eacute;pliants et publicit&eacute;s"); //4
alType.push("Marketing relationnel"); //5
alType.push("Emballages et pochettes"); //6
alType.push("Kiosques"); //7
alType.push("Visuels d'&eacute;v&eacute;nements"); //8
alType.push("Projets sp&eacute;ciaux"); //9
alType.push("Sites Internet"); //10


var alClient = [];
/*0*/alClient.push([44,10,"AFI Expertise","<a href=\"http://www.afiformation.com/\" target=\"_blank\">Visitez le site</a>","SINT-AFI.jpg","<strong>Site Internet</strong>",0]);

//alClient.push([0-id client, 1-id cat, 2-nom, 3-desc, 4-image,5-link,6-demo]);
/*1*/alClient.push([1,4,"Agence de l'efficacit&eacute; &eacute;nerg&eacute;tique","","DPL-AEE.jpg","<strong>D&eacute;pliant</strong> / <a href=\"javascript:changeProjet(9);\">Animation chauffe-eau solaire</a> / <a href=\"javascript:changeProjet(9);\">Bandeaux Internet</a>",1]);
/*2*/alClient.push([1,9,"Agence de l'efficacit&eacute; &eacute;nerg&eacute;tique","<a href=\"swf/montage_flv.swf?width=440&amp;height=350\" rel=\"prettyPhoto[flash]\" title=\"Agence de l'efficacit&eacute; &eacute;nerg&eacute;tique\">Voir l'animation</a>","ANIM-AEE.jpg","<a href=\"javascript:changeProjet(4);\">D&eacute;pliant</a> / <strong>Animation chauffe-eau solaire</strong> / <a href=\"javascript:changeProjet(9);\">Bandeaux Internet</a>",0]);
//temporairement hors ligne -- alClient.push([1,9,"Agence de l'efficacit&eacute; &eacute;nerg&eacute;tique","","xxx.jpg","<a href=\"javascript:changeProjet(4);\">D&eacute;pliant</a> / <a href=\"javascript:changeProjet(9);\">Animation chauffe-eau solaire</a> / <strong>Bandeaux Internet</strong>",0]);
/*3*/alClient.push([2,1,"Alterna &eacute;co-solutions","","LG-ALT.jpg","<strong>Logo</strong> / Carte d'affaires / <a href=\"javascript:changeProjet(10);\">Site Internet</a>",0]);
/*4*/alClient.push([2,10,"Alterna &eacute;co-solutions","<a href=\"http://www.alternaeco.com/\" target=\"_blank\">Visitez le site</a>","SINT-ALT.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Carte d'affaires / <strong>Site Internet</strong>",0]);
/*5*/alClient.push([3,10,"Ancia","<a href=\"http://www.ancia.ca/\" target=\"_blank\">Visitez le site</a>","SINT-ANC.jpg","<strong>Site Internet transactionnel</strong>",0]);
/*6*/alClient.push([3,9,"Ancia<br><span class='petit'>Lefebvre chasseurs de t&ecirc;tes</span>","","ANC-Calendrier09.jpg","<strong>Calendrier 2009</strong>",0]);
/*7*/alClient.push([4,5,"Arm&eacute;e du Salut","","BLT-ASAL.jpg","<strong>Bulletin</strong>  / <a href=\"javascript:changeProjet(4);\">Envoi postal</a>",1]);
/*8*/alClient.push([4,4,"Arm&eacute;e du Salut","","ASAL-SMAIL-HAITI-1.jpg","<a href=\"javascript:changeProjet(5);\">Bulletin</a>  / <strong>Envoi postal</strong>",1]);
/*9*/alClient.push([4,4,"Arm&eacute;e du Salut","","ASAL-SMAIL-HAITI-2.jpg","<a href=\"javascript:changeProjet(5);\">Bulletin</a>  / <strong>Envoi postal</strong>",1]);

/*10*/alClient.push([5,1,"Astral M&eacute;dia Radio<br><span class='petit'>Bourse Id&eacute;action</span>","Positionnement strat&eacute;gique et campagne promotionnelle pour cette bourse qui r&eacute;compense les cr&eacute;ateurs dans le secteur des nouveaux m&eacute;dias.","LG-BourseIdeaction.jpg","<strong>Identit&eacute; visuelle</strong> / Illustrations / <a href=\"javascript:changeProjet(4);\">Affiche</a> / Site Internet / Lettre / Publicit&eacute;s &eacute;lectroniques",0]);
/*11*/alClient.push([5,4,"Astral M&eacute;dia Radio<br><span class='petit'>Bourse Id&eacute;action</span>","Positionnement strat&eacute;gique et campagne promotionnelle pour cette bourse qui r&eacute;compense les cr&eacute;ateurs dans le secteur des nouveaux m&eacute;dias.","AFF-Astral.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Illustrations / <strong>Affiche</strong> / Site Internet / Lettre / Publicit&eacute;s &eacute;lectroniques",0]);
//doublons -- alClient.push([5,8,"Astral M&eacute;dia Radio<br><span class='petit'>Bourse Id&eacute;action</span>","Positionnement strat&eacute;gique et campagne promotionnelle pour cette bourse qui r&eacute;compense les cr&eacute;ateurs dans le secteur des nouveaux m&eacute;dias","AFF-Astral.jpg","Identit&eacute; visuelle / Illustrations / <strong>Affiche</strong> / Site Internet / Lettre / Publicit&eacute;s &eacute;lectroniques",0]);
/*12*/alClient.push([6,9,"Autorit&eacute; des march&eacute;s financiers","<a href=\"swf/carte_amf_sign.swf?width=846&amp;height=666\" rel=\"prettyPhoto[flash]\" title=\"Autorit&eacute; des march&eacute;s financiers\">Voir l'animation</a>","ANIM-AMF.jpg","<strong>Carte de No&euml;l &eacute;lectronique</strong>",0]);
/*13*/alClient.push([7,3,"Bains Oc&eacute;ania<br><span class='petit'>En collaboration avec Viva marketing</span>","","CAT-OCEANIA-1.jpg","Refonte de l'image de marque et positionnement strat&eacute;gique / <strong>Brochure distributeurs</strong> / Brochure consommateurs / Banni&egrave;res / Affiches / Contr&ocirc;le &eacute;lectronique / D&eacute;pliant / <a href=\"javascript:changeProjet(10);\">Site Internet institutionnel</a> / <a href=\"javascript:changeProjet(9);\">Illustration 3D et animation</a>",0]);
/*14*/alClient.push([7,3,"Bains Oc&eacute;ania<br><span class='petit'>En collaboration avec Viva marketing</span>","","CAT-OCEANIA-2.jpg","Refonte de l'image de marque et positionnement strat&eacute;gique / <strong>Brochure distributeurs</strong> / Brochure consommateurs / Banni&egrave;res / Affiches / Contr&ocirc;le &eacute;lectronique / D&eacute;pliant / <a href=\"javascript:changeProjet(10);\">Site Internet institutionnel</a> / <a href=\"javascript:changeProjet(9);\">Illustration 3D et animation</a>",0]);
/*15*/alClient.push([7,10,"Bains Oc&eacute;ania<br><span class='petit'>En collaboration avec Viva marketing</span>","<a href=\"http://www.bainsoceania.com/\" target=\"_blank\">Visitez le site</a>","SINT-OCEANIA.jpg","Refonte de l'image de marque et positionnement strat&eacute;gique / <a href=\"javascript:changeProjet(3);\">Brochure distributeurs</a> / Brochure consommateurs / Banni&egrave;res / Affiches / Contr&ocirc;le &eacute;lectronique / D&eacute;pliant / <strong>Site Internet institutionnel</strong> / <a href=\"javascript:changeProjet(9);\">Illustration 3D et animation</a>",0]);
/*16*/alClient.push([7,9,"Bains Oc&eacute;ania<br><span class='petit'>En collaboration avec Viva marketing</span>","<a href=\"swf/bain3d.swf?width=791&amp;height=651\" rel=\"prettyPhoto[flash]\" title=\"Bains Oc&eacute;ania\">Voir l'animation</a>","ANIM-Oceania.jpg","Refonte de l'image de marque et positionnement strat&eacute;gique / <a href=\"javascript:changeProjet(3);\">Brochure distributeurs</a> / Brochure consommateurs / Banni&egrave;res / Affiches / Contr&ocirc;le &eacute;lectronique / D&eacute;pliant / <a href=\"javascript:changeProjet(10);\">Site Internet institutionnel</a> / <strong>Illustration 3D et animation</strong>",0]);
/*17*/alClient.push([8,1,"B&eacute;ton Design 2000","","LG-BDES.jpg","<strong>Logo</strong> / Carte d'affaires / Encart / Visuel de kiosque",0]);
/*18*/alClient.push([9,1,"Bijouterie Lynda Gagnon","","LG-BLG.jpg","<strong>Logo</strong> / Carte d'affaires",0]);
/*19*/alClient.push([11,1,"CARTV","","LG-CARTV.jpg","<strong>Logo</strong> / Papeterie / Guide d'utilisation BIO Qu&eacute;bec / Gabarits et normes graphiques / Site Internet",0]);
/*20*/alClient.push([12,6,"CDR Qu&eacute;bec-Appalaches","","PCH-CDR.jpg","<strong>Pochette d'entreprise</strong> / D&eacute;pliant / Para-Post / Affiches / Enseigne / Carte d'affaires / Rapport annuel / Visuel des Galas 2007 et <a href=\"javascript:changeProjet(8);\">2009</a>",0]);
/*21*/alClient.push([12,8,"CDR Qu&eacute;bec-Appalaches","","CDR-Gala09.jpg","<a href=\"javascript:changeProjet(6);\">Pochette</a> / D&eacute;pliant / Para-Post / Affiches / Enseigne / Carte d'affaires / Rapport annuel / Visuels des Galas 2007 et <strong>2009</strong>",0]);
/*22*/alClient.push([12,8,"CDR Qu&eacute;bec-Appalaches","","CDR-GALA2007-1.jpg","<a href=\"javascript:changeProjet(6);\">Pochette</a> / D&eacute;pliant / Para-Post / Affiches / Enseigne / Carte d'affaires / Rapport annuel / Visuels des Galas <strong>2007</strong> et 2009",0]);
/*23*/alClient.push([12,8,"CDR Qu&eacute;bec-Appalaches","","CDR-GALA2007-2.jpg","<a href=\"javascript:changeProjet(6);\">Pochette</a> / D&eacute;pliant / Para-Post / Affiches / Enseigne / Carte d'affaires / Rapport annuel / Visuels des Galas <strong>2007</strong> et 2009",0]);
/*24*/alClient.push([12,8,"CDR Qu&eacute;bec-Appalaches","","CDR-GALA2007-3.jpg","<a href=\"javascript:changeProjet(6);\">Pochette</a> / D&eacute;pliant / Para-Post / Affiches / Enseigne / Carte d'affaires / Rapport annuel / Visuels des Galas <strong>2007</strong> et 2009",0]);
/*25*/alClient.push([13,1,"COGI-OMH","","LG-COGI.jpg","<strong>Logo</strong> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels 2006, 2007 et <a href=\"javascript:changeProjet(2);\">2008</a> / Objets promotionnels",0]);
/*26*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2008-1.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels 2006, 2007 et <strong>2008</strong> / Objets promotionnels",1]);
/*27*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2008-2.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels 2006, 2007 et <strong>2008</strong> / Objets promotionnels",0]);
/*28*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2007-1.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels 2006, <strong>2007</strong> et 2008 / Objets promotionnels",0]);
/*29*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2007-2.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels 2006, <strong>2007</strong> et 2008 / Objets promotionnels",0]);
/*30*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2006-1.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels <strong>2006</strong>, 2007 et 2008 / Objets promotionnels",0]);
/*31*/alClient.push([13,2,"COGI-OMH","","RAN-COGI2006-2.jpg","<a href=\"javascript:changeProjet(1);\">Logo</a> / Papeterie / Signature 20<sup>e</sup> anniversaire / Rapports annuels <strong>2006</strong>, 2007 et 2008 / Objets promotionnels",0]);
/*32*/alClient.push([14,2,"Commission des normes du travail<br><span class='petit'>En collaboration avec Voltige marketing</span>","","RAN-CNT-1.jpg","<strong>Rapport annuel 2008-2009</strong>",1]);
/*33*/alClient.push([14,2,"Commission des normes du travail<br><span class='petit'>En collaboration avec Voltige marketing</span>","","RAN-CNT-2.jpg","<strong>Rapport annuel 2008-2009</strong>",0]);
/*34*/alClient.push([15,5,"Desjardins","Envoi de marketing direct s'adressant aux &eacute;l&egrave;ves du primaire dans le but de les conscientiser &agrave; l'&eacute;pargne et de promouvoir la caisse scolaire.","FCDQ-Ristourne08-2.jpg","<strong>Ristourne jeunesse 2008</strong> / Tirelire / D&eacute;pliant / Lettre / Enveloppe",0]);
/*35*/alClient.push([15,5,"Desjardins","Envoi de marketing direct s'adressant aux &eacute;l&egrave;ves du primaire dans le but de les conscientiser &agrave; l'&eacute;pargne et de promouvoir la caisse scolaire.","FCDQ-Ristourne08.jpg","<strong>Ristourne jeunesse 2008</strong> / Tirelire / D&eacute;pliant / Lettre / Enveloppe",0]);
/*36*/alClient.push([15,5,"Desjardins","","FCDQ-porto.jpg","<strong>Invitation</strong> / Lettre  / Emballage",0]);
/*37*/alClient.push([15,5,"Desjardins","","FCDQ-AccesD-1.jpg","<strong>Guide Acc&egrave;sD</strong>",0]);
/*38*/alClient.push([15,5,"Desjardins","","FCDQ-AccesD-2.jpg","<strong>Guide Acc&egrave;sD</strong>",0]);
/*39*/alClient.push([15,5,"Desjardins","Concours &laquo; Chic, c'est la rentr&eacute;e &raquo;","FCDQ-Chrome09-1.jpg","<strong>Chrome 2009</strong>",0]);
/*40*/alClient.push([15,5,"Desjardins","Concours &laquo; Chic, c'est la rentr&eacute;e &raquo;","FCDQ-Chrome09-2.jpg","<strong>Chrome 2009</strong>",0]);
/*41*/alClient.push([15,5,"Desjardins","","FCDQ-Coupez.jpg","<strong>Coupez dans la paperasse</strong>",0]);
/*42*/alClient.push([15,5,"Desjardins","","FCDQ-Mon projet.jpg","<strong>Concours &laquo; Mon projet &raquo; </strong>",0]);
/*43*/alClient.push([15,5,"Desjardins","Envoi de marketing direct s'adressant aux &eacute;l&egrave;ves du primaire dans le but de les conscientiser &agrave; l'&eacute;pargne et de promouvoir la caisse scolaire.","FCDQ-RistourneJeu09.jpg","<strong>Ristourne jeunesse 2009</strong> / Affiche  / Autocollant / D&eacute;pliant / Lettre / Enveloppe",0]);
/*44*/alClient.push([15,5,"Desjardins","","FCDQ-SouvenirsEte2.jpg","<strong>Souvenirs de mon &eacute;t&eacute; ! </strong>",0]);
/*45*/alClient.push([15,5,"Desjardins","","FCDQ-SouvenirsEte1.jpg","<strong>Souvenirs de mon &eacute;t&eacute; ! </strong>",1]);
/*46*/alClient.push([15,5,"Desjardins","","FCDQ-MargeAtout-1.jpg","<strong>Marge Atout</strong>",0]);
/*47*/alClient.push([15,5,"Desjardins","","FCDQ-MargeAtout-2.jpg","<strong>Marge Atout</strong>",0]);
/*48*/alClient.push([15,5,"Desjardins","","FCDQ-ConcoursEco-1.jpg","<strong>Concours &eacute;co-logique</strong>",0]);
/*49*/alClient.push([17,7,"Explora Technologies","","KSQ-Explora.jpg","<strong>Kiosque</strong>",0]);
/*50*/alClient.push([18,6,"Extal","","PCH-Extal.jpg","Identit&eacute; visuelle / Papeterie / <strong>Pochette</strong> / <a href=\"javascript:changeProjet(9);\">Visuel de camion</a>",0]);
/*51*/alClient.push([18,9,"Extal","","CAM-Extal.jpg","Identit&eacute; visuelle / Papeterie / <a href=\"javascript:changeProjet(6);\">Pochette</a> / <strong>Visuel de camion</strong>",0]);
/*52*/alClient.push([19,1,"Ferme Palyn","","LG-FPAL.jpg","<strong>Logo</strong> / Carte d'affaires",1]);
/*53*/alClient.push([19,4,"Ferme Palyn","","DPL-FPAL.jpg","<strong>D&eacute;pliant</strong> / Fiche recette",0]);

/*54*/alClient.push([20,7,"Groupe RS&DE","","KSQ-RSDE.jpg","<strong>Habillage de kiosque</strong> / <a href=\"javascript:changeProjet(1);\">Logo</a>",0]);

/*55*/alClient.push([20,1,"Groupe RS&DE","","LG-RSDE.jpg","<a href=\"javascript:changeProjet(7);\">Habillage de kiosque</a> / <strong>Logo</strong>",0]);




/*56*/alClient.push([21,1,"Homeodel","","LG-HOM.jpg","<strong>Logo et image de marque</strong>  / Papeterie / <a href=\"javascript:changeProjet(6);\">Emballages</a> / D&eacute;pliants / Outils promotionnels / Site Internet transactionnel / Publicit&eacute;s",0]);
/*57*/alClient.push([21,6,"Homeodel","","BTE-HOM.jpg","<a href=\"javascript:changeProjet(1);\">Logo et image de marque</a> / Papeterie / <strong>Emballages</strong> / D&eacute;pliants / Outils promotionnels / Site Internet transactionnel / Publicit&eacute;s",0]);
//temporairement hors ligne -- alClient.push([22,9,"H&ocirc;pital de l'Enfant-J&eacute;sus","","xxx.jpg","<strong>Design d'environnement ext&eacute;rieur</strong> / <a href=\"javascript:changeProjet(9);\">Design d'environnement int&eacute;rieur</a>",0]);
//temporairement hors ligne -- alClient.push([22,9,"H&ocirc;pital de l'Enfant-J&eacute;sus","","xxx.jpg","<a href=\"javascript:changeProjet(9);\">Design d'environnement ext&eacute;rieur</a> / <strong>Design d'environnement int&eacute;rieur</strong>",0]);

/*58*/alClient.push([23,6,"intelligenceSant&eacute;<br><span class='petit'>Jouer au hockey dans un monde de fous</span>","","IS-DVDHockey.jpg","Feuillet / Affiche / Billets / <strong>Pochette DVD</strong> / <a href=\"javascript:changeProjet(10);\">Site Internet</a> / <a href=\"news.html\">Relations de presse</a>",0]);
/*59*/alClient.push([46,1,"itrois Courtiers en impression","","LG-I3.jpg","<strong>Identit&eacute; visuelle</strong> / Papeterie / <a href=\"javascript:changeProjet(6);\">D&eacute;pliant</a>",0]);
/*60*/alClient.push([46,4,"itrois Courtiers en impression","","itrois-02.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Papeterie / <strong>D&eacute;pliant</strong>",0]);
/*61*/alClient.push([24,1,"Jak's","","LG-JAKS.jpg","<strong>Logo</strong> / <a href=\"javascript:changeProjet(3);\">Catalogue de produits</a> / <a href=\"javascript:changeProjet(10);\">Adaptation graphique du site Internet</a>",0]);
/*62*/alClient.push([24,3,"Jak's","","BCH-JAKS-1.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / <strong>Catalogue de produits</strong> / <a href=\"javascript:changeProjet(10);\">Adaptation infographique du site Internet</a>",1]);
/*63*/alClient.push([24,3,"Jak's","","BCH-JAKS-2.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / <strong>Catalogue de produits</strong> / <a href=\"javascript:changeProjet(10);\">Adaptation infographique du site Internet</a>",0]);
/*64*/alClient.push([24,10,"Jak's","<a href=\"http://www.jak-s.com/\" target=\"_blank\">Visitez le site</a>","SINT-JAKS.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / <a href=\"javascript:changeProjet(3);\">Catalogue de produits</a> / <strong>Adaptation graphique du site Internet</strong>",0]);


/*65*/alClient.push([47,8,"Jeune chambre de commerce de Qu&eacute;bec","","JCCQ-GALA-Billet-SINT.jpg","Publicit&eacute; / Courriel promotionnel / <a href=\"?projet=66\">Programme</a> / <strong>Billet</strong> / Affiche / Signal&eacute;tique / <a href=\"?projet=67\">Objet promotionnel</a>",0]);
/*66*/alClient.push([47,8,"Jeune chambre de commerce de Qu&eacute;bec","","JCCQ-GALA-PROG-SINT.jpg","Publicit&eacute; / Courriel promotionnel / <strong>Programme</strong> / <a href=\"?projet=65\">Billet</a> / Affiche / Signal&eacute;tique / <a href=\"?projet=67\">Objet promotionnel</a>",0]);
/*67*/alClient.push([47,8,"Jeune chambre de commerce de Qu&eacute;bec","","JCCQ-GALA-Baguettes-SINT.jpg","Publicit&eacute; / Courriel promotionnel / <a href=\"?projet=66\">Programme</a> / <a href=\"?projet=65\">Billet</a> / Affiche / Signal&eacute;tique / <strong>Objet promotionnel</strong>",0]);

/*68*/alClient.push([25,1,"Karine Simard<br><span class='petit'>Designer</span>","","LG-KSIM.jpg","<strong>Identit&eacute; visuelle</strong> / Carte d'affaires",0]);
/*69*/alClient.push([26,6,"La financi&egrave;re Transcapitale","","PCH-TCAP 2.jpg","Identit&eacute; visuelle / Papeterie / <strong>Pochette</strong>",0]);
/*70*/alClient.push([26,6,"La financi&egrave;re Transcapitale","","PCH-TCAP.jpg","Identit&eacute; visuelle / Papeterie / <strong>Pochette</strong>",0]);
/*71*/alClient.push([27,1,"Lefebvre chasseurs de t&ecirc;tes","","LG-LEF.jpg","<strong>Identit&eacute; visuelle</strong> / Papeterie / Image du lancement de l'entreprise / <a href=\"javascript:changeProjet(8);\">Invitations imprim&eacute;es et &eacute;lectroniques</a> / Affiches / Cartons de table / Brochure d'entreprise",0]);
/*72*/alClient.push([27,8,"Lefebvre chasseurs de t&ecirc;tes","","INV-LEF-lancement 1.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Papeterie / Image du lancement de l'entreprise / <strong>Invitations imprim&eacute;es et &eacute;lectroniques</strong> / Affiches / Cartons de table",0]);
/*73*/alClient.push([28,3,"Maisons et Jardins","Design d'&eacute;dition","MAG-MJAR-1.jpg","<strong>Magazine de d&eacute;coration</strong>",0]);


//alClient.push([29,4,"Marathon","","DPL-MAR.jpg","<strong>Document de vente</strong>",0]);


/*74*/alClient.push([30,10,"Marc Boudreau<br><span class='petit'>Design industriel</span>","<a href=\"http://www.marcboudreau.ca/\" target=\"_blank\">Visitez le site</a>","SINT-MBOU.jpg","<strong>Site Internet</strong>",0]);
/*75*/alClient.push([31,3,"Martin Dessert<br><span class='petit'>En collaboration avec Voltige marketing</span>","","MDES-CatAut2009.jpg","<strong>Brochure automne-hiver 2010</strong> / Publicit&eacute;s / Encarts / Feuillets / Napperons",0]);
/*76*/alClient.push([32,6,"Martin Jalbert","","CD-MJAL-1.jpg","<strong>Pochette de disque</strong> / Carte d'affaires / Affiche / <a href=\"javascript:changeProjet(10);\">Site Internet transactionnel</a>",0]);
/*77*/alClient.push([32,6,"Martin Jalbert","","CD-MJAL-2.jpg","<strong>Pochette de disque</strong> / Carte d'affaires / Affiche / <a href=\"javascript:changeProjet(10);\">Site Internet transactionnel</a>",0]);
/*78*/alClient.push([32,10,"Martin Jalbert","<a href=\"http://www.martinjalbert.ca/\" target=\"_blank\">Visitez le site</a>","SINT-MJAL.jpg","<a href=\"javascript:changeProjet(6);\">Pochette de disque</a> / Carte d'affaires / Affiche / <strong>Site Internet transactionnel</strong>",0]);
//alClient.push([33,1,"Mireille St-Hilaire Samuelson","","LG-MSTH.jpg","<strong>Logo</strong> / Carte d'affaires",0]); //enlever à la demande du client
/*79*/alClient.push([34,1,"Philippe Beaulieu","","LG-PHIL.jpg","<strong>Identit&eacute; visuelle</strong> / Carte d'affaires / &Eacute;tiquettes / <a href=\"javascript:changeProjet(10);\">Site Internet</a>",0]);
/*80*/alClient.push([34,10,"Philippe Beaulieu","<a href=\"http://www.philippebeaulieu.ca/\" target=\"_blank\">Visitez le site</a>","SINT-PHIL.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Carte d'affaires / &Eacute;tiquettes / <strong>Site Internet</strong>",1]);
/*81*/alClient.push([35,1,"ProMaison.ca","", "LG-METC.jpg","<strong>Logo</strong> / Carte d'affaires / <a href=\"javascript:changeProjet(7);\">Kiosque d'exposition</a> / <a href=\"javascript:changeProjet(10);\">Site Internet</a> / Infolettre / Coupons de participation / Affiche",0]);
/*82*/alClient.push([35,7,"ProMaison.ca","", "KSQ-METC.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Carte d'affaires / <strong>Kiosque d'exposition</strong> / <a href=\"javascript:changeProjet(10);\">Site Internet</a> / Infolettre / Coupons de participation / Affiche",0]);
/*83*/alClient.push([35,10,"ProMaison.ca","<a href=\"http://www.promaison.ca/\" target=\"_blank\">Visitez le site</a>", "SINT-ProMaison.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Carte d'affaires / <a href=\"javascript:changeProjet(7);\">Kiosque d'exposition</a> / <strong>Site Internet</strong> / Infolettre / Coupons de participation / Affiche",0]);
/*84*/alClient.push([36,1,"Publicit&eacute; &Eacute;ric Zalitis","","LG-EZAL.jpg","<strong>Logo</strong> / Papeterie / Carte d'affaires",0]);

/*85*/alClient.push([45,6,"RE/MAX Capitale<br><span class='petit'>Suzy Blouin et Yvan Dufresne</span>","","PCH-REMAX.jpg","Image corporative / Carte d'affaires / <strong>Pochette</strong> / Carton vendu / Bulletin / Calendrier 2010 / Publicit&eacute; / Adaptation graphique du site Internet / <a href=\"javascript:changeProjet(4);\">Encart publicitaire</a>", 1]);

/*86*/alClient.push([45,4,"RE/MAX Capitale<br><span class='petit'>Suzy Blouin et Yvan Dufresne</span>","","ENC-REMAX-Gratuit.jpg","Image corporative / Carte d'affaires / <a href=\"javascript:changeProjet(6);\">Pochette</a> / Carton vendu / Bulletin / Calendrier 2010 / Publicit&eacute; / Adaptation graphique du site Internet / <strong>Encart publicitaire</strong>",1]);



/*87*/alClient.push([37,4,"Sch&ouml;nau & Tardif Luthiers","Hommage au 400<sup>e</sup> anniversaire de la Ville de Qu&eacute;bec","DPL-SCHO.jpg","Identit&eacute; visuelle / Carte d'affaires / Affiches / Enseigne / Sacs / Publicit&eacute;s / Facture / Devis / <strong>D&eacute;pliant offert lors d'un concert de l'OSQ</strong>",0]);
/*88*/alClient.push([38,4,"Texel<br><span class='petit'>En collaboration avec Viva marketing</span>","","DPL-HydraBain.jpg","<strong>D&eacute;pliant</strong> / Emballage / Publicit&eacute;s / Banni&egrave;re",0]);
/*89*/alClient.push([39,1,"Thabet Aeroplus<br><span class='petit'>Division Thabet Aerospace</span>","Fabricant d'avions sur mesure","LG-TAER.jpg","<strong>Logo</strong> / Papeterie",0]);
/*90*/alClient.push([40,8,"Turbulences - &eacute;nergie cr&eacute;ative","","TEC-AFF5ans.jpg","Invitation / Site Internet / <strong>Visuel d'&eacute;v&eacute;nement</strong>",0]);
/*91*/alClient.push([40,8,"Turbulences - &eacute;nergie cr&eacute;ative","","TEC-INV5ans.jpg","Invitation / Site Internet / <strong>Visuel d'&eacute;v&eacute;nement</strong>",1]);
/*92*/alClient.push([40,8,"Turbulences - &eacute;nergie cr&eacute;ative","","SINT-TEC5ans.jpg","Invitation / Site Internet / <strong>Visuel d'&eacute;v&eacute;nement</strong>",0]);
/*93*/alClient.push([40,9,"Turbulences - &eacute;nergie cr&eacute;ative","","TEC-CNoelflocon.jpg","<strong>Carte de No&euml;l 2008</strong>",0]);
/*94*/alClient.push([40,9,"Turbulences - &eacute;nergie cr&eacute;ative","","TEC-CNoel07.jpg","<strong>Carte de No&euml;l 2007</strong>",0]);
/*95*/alClient.push([40,9,"Turbulences - &eacute;nergie cr&eacute;ative","","TEC-CNoel-tourbillon.jpg","<strong>Carte de No&euml;l 2006</strong>",0]);
/*96*/alClient.push([41,3,"Universit&eacute; Laval<br><span class='petit'>Facult&eacute; des sciences de l'&eacute;ducation<br>Projet ERES</span>","","BCH-ERES-1.jpg","<strong>Questionnaires &agrave; l'intention des jeunes du secondaire et de leurs parents</strong> / Lettres / Cartes postales / Objets promotionnels",0]);
/*97*/alClient.push([41,3,"Universit&eacute; Laval<br><span class='petit'>Facult&eacute; des sciences de l'&eacute;ducation<br>Projet &Eacute;tudes-jeunes</span>","","BCH-ETUDES-1.jpg","<strong>Questionnaires</strong>",0]);
/*98*/alClient.push([42,1,"Voltige marketing","","LG-Voltige.jpg","<strong>Identit&eacute; visuelle</strong> / Papeterie / <a href=\"javascript:changeProjet(3);\">Brochure d'entreprise</a> / Carte de No&euml;l 2008",0]);
/*99*/alClient.push([42,3,"Voltige marketing","","BCH-VME.jpg","<a href=\"javascript:changeProjet(1);\">Identit&eacute; visuelle</a> / Papeterie / <strong>Brochure d'entreprise</strong> / Carte de No&euml;l 2008",0]);
/*100*/alClient.push([10,4,"Voyages CAA-Qu&eacute;bec","","PUB-CAA-voyage.jpg","<strong>Conception publicitaire</strong>",0]);
/*101*/alClient.push([43,4,"ZONE, Universit&eacute; Laval","","DPL-ZONE.jpg","Refonte de l'image de marque et design d'exposition / Papeterie / <a href=\"javascript:changeProjet(6);\">Pochette</a> / <strong>D&eacute;pliant promotionnel</strong> / Couverture de document / <a href=\"javascript:changeProjet(7);\">Para-Post</a>",0]);
/*102*/alClient.push([43,7,"ZONE, Universit&eacute; Laval","","KSQ-ZONE.jpg","Refonte de l'image de marque et design d'exposition / Papeterie / <a href=\"javascript:changeProjet(6);\">Pochette d'entreprise</a> / <a href=\"javascript:changeProjet(4);\">D&eacute;pliant promotionnel</a> / Couverture de document / <strong>Para-Post</strong>",0]);
/*103*/alClient.push([43,6,"ZONE, Universit&eacute; Laval","","PCH-ZONE.jpg","Refonte de l'image de marque et design d'exposition / Papeterie / <strong>Pochette</strong> / <a href=\"javascript:changeProjet(4);\">D&eacute;pliant promotionnel</a> / Couverture de document / <a href=\"javascript:changeProjet(7);\">Para-Post</a>",0]);


function resizeImages(){
	for (var i = 0, j = alClient.length; i < j; i++) {
		
		
		if($(window).width() < ($(window).height()-107)){
			$("#projet"+i+"> img").height($(window).height()-107);
			$("#projet"+i+"> img").width(($(window).height()-107) * 1920 / 1200);
		}else{
			$("#projet"+i+"> img").width($(window).width());
			$("#projet"+i+"> img").height($(window).width() * 1200 / 1920);
			tempw = $(window).width();
			temph = $(window).width() * 1200 / 1920;
			if(temph < ($(window).height()-107)){
				$("#projet"+i+"> img").height($(window).height()-107);
				$("#projet"+i+"> img").width(($(window).height()-107) * 1920 / 1200);	
			}
		}
		if($("#projet"+i+"> img").height() != null && $("#projet"+i+"> img").height() != 0){
			$("#projet"+i+"> img").css("margin-top", (($(window).height()-107)-$("#projet"+i+"> img").height())/2+"px");
		}
		//$("#projet"+i+"> img").css("z-index", 20-i);
		
		$("#projet"+i).width($(window).width());
		$("#projet"+i).height($(window).height()-107);
		$("#corp").width($(window).width());
		$("#corp").height($(window).height()-107);
		
 	}
	$("#next").css("top", ($(window).height()/2)).css("display", "block");
	$("#previous").css("top", ($(window).height()/2)).css("display", "block");
		
	$("#plus").css("top", ($(window).height()/2)+55).css("display", "block");
		
	$("#info").css("top", ($(window).height()/2)+50);
	$("#panneau").width($(window).width());
}
function setDesc(){
	//clearInterval(chronoDesc);
	$("#desc").empty();
	//alert(projetActif);
	$("#desc").append("<h5>"+alClient[projetActif][2]+"</h5><p>"+alClient[projetActif][5]+"</p><p style=\"font-weight:bold;\">"+alClient[projetActif][3]+"</p>");
	$("a[rel^='prettyPhoto']").prettyPhoto();
}

function whosnext(){
	if(categorieActif != 0 && automatique == 0){
		//if((jQuery.inArray(Actif, alSelection)-1) < 0){}
		//alert(jQuery.inArray(alClient[projetActif][1],alClient[][1]));
		nextinline = -1;
		for (var i = (projetActif+1), j = alClient.length; i < j; i++) {
			
			if(alClient[i][1] == categorieActif && nextinline == -1){
				//alert(i);	
				nextinline = i;
			}
		}
		if(nextinline == -1){
			for (var i = 0, j = alClient.length; i < j; i++) {
				
				if(alClient[i][1] == categorieActif && nextinline == -1){
					//alert(i);	
					nextinline = i;
				}
			}
		}
	}else if(automatique == 1){
		nextinline = -1;
		for (var i = (projetActif+1), j = alClient.length; i < j; i++) {
			
			if(alClient[i][6] == 1 && nextinline == -1){
				//alert(i);	
				nextinline = i;
			}
		}
		if(nextinline == -1){
			for (var i = 0, j = alClient.length; i < j; i++) {
				
				if(alClient[i][6] ==1 && nextinline == -1){
					//alert(i);	
					nextinline = i;
				}
			}
		}
	}else{
		if((projetActif+1)>alClient.length-1){
			nextinline = 0;
		}else{
			nextinline = projetActif+1;
		}
	}
	
	return nextinline
}
function whosprevious(){
	if(categorieActif != 0 && automatique == 0){
		//if((jQuery.inArray(Actif, alSelection)-1) < 0){}
		//alert(jQuery.inArray(alClient[projetActif][1],alClient[][1]));
		previousinline = -1;
		for (var i = 0, j = projetActif; i < j; i++) {
			
			if(alClient[i][1] == categorieActif){
				//alert(i);	
				previousinline = i;
			}
		}
		if(previousinline == -1){
			for (var i = (projetActif+1), j = alClient.length; i < j; i++) {
				
				if(alClient[i][1] == categorieActif){
					//alert(i);	
					previousinline = i;
				}
			}
		}
	}else if(automatique == 1){
		previousinline = -1;
		for (var i = 0, j = projetActif; i < j; i++) {
			
			if(alClient[i][6] == 1){
				//alert(i);	
				previousinline = i;
			}
		}
		if(previousinline == -1){
			for (var i = (projetActif+1), j = alClient.length; i < j; i++) {
				
				if(alClient[i][6] == 1){
					//alert(i);	
					previousinline = i;
				}
			}
		}
	}else{
		if((projetActif)==0){
			previousinline = alClient.length-1;
		}else{
			previousinline = projetActif-1;
		}
	}
	
	return previousinline
}
function cacher(id){
	clearInterval(chronoImage);
	$("#projet"+id).css("z-index","9").css("display", "none");	
}
function setListe(){
	for (var i = 0, j = alClient.length; i < j; i++) {
		$("#menu"+alClient[i][0]+" > a").removeClass("on");
		if(categorieActif != 0){
			$("#menu"+alClient[i][0]+" > a").addClass("off");
		}else{
			$("#menu"+alClient[i][0]+" > a").removeClass("off");
		}
		//alert(alClient[i][0]);
	}
	for (var i = 0, j = alClient.length; i < j; i++) {
		if(alClient[i][1] == categorieActif){
			$("#menu"+alClient[i][0]+" > a").removeClass("off");
		}
	}
	$("#menu"+alClient[projetActif][0]+" > a").addClass("on");
	
	
	
	for (var i = 0, j = alType.length; i < j; i++) {
		
			$("#type"+i+" > a").removeClass("on");
		
	}
	$("#type"+categorieActif+" > a").addClass("on");
	
	
	
	
	
}
function changeProjet(direction){
	for (var k = 0, l = alClient.length; k < l; k++) {
		if(k!=whosnext() && k!=projetActif && k!=whosprevious()){
					$("#projet"+k).css("display", "none");
		}
	}
	if(direction == "droite"){
		if(projetActif < whosnext()){
			
			$("#projet"+whosnext()).css("z-index","39").css("display", "block");				  
			$("#projet"+projetActif).fadeOut("slow").css("z-index","40");
			//alert("jedi");
		}else{
			
			$("#projet"+projetActif).css("z-index","9").css("display", "block");				  
			$("#projet"+whosnext()).fadeIn(900).css("z-index","10");
			chronoImage = setInterval('cacher('+projetActif+');',900);
		}
		projetActif = whosnext();
	}else if(direction == "gauche"){
		//alert(whosprevious());
		if(projetActif < whosprevious()){
			$("#projet"+whosprevious()).css("z-index","39").css("display", "block");				  
			$("#projet"+projetActif).fadeOut("slow").css("z-index","40");
			//alert("jedi");
		}else{
			$("#projet"+projetActif).css("z-index","9").css("display", "block");				  
			$("#projet"+whosprevious()).fadeIn(900).css("z-index","10");
			chronoImage = setInterval('cacher('+projetActif+');',900);
		}
		projetActif = whosprevious();
	}else{
		temp = -1;
		for (var i = 0, j = alClient.length; i < j; i++) {
			$("#projet"+i).css("display", "none");
			if(alClient[projetActif][0] == alClient[i][0] && alClient[i][1] == direction && projetActif != i && temp == -1){
				temp=0;
				projetActif = i;
			}
		}
		categorieActif = direction;
	}
	loadImages();
	resizeImages();
	setDesc();
	setListe();
}

function loadImages(){
	
	
	if($("#projet"+projetActif).html()==""){
		$("#projet"+projetActif).append("<img src=\"images/portfolio/"+ alClient[projetActif][4] +"\"/>");
	}
	
	if($("#projet"+whosnext()).html()==""){
		$("#projet"+whosnext()).append("<img src=\"images/portfolio/"+ alClient[whosnext()][4] +"\"/>");
		//alert(whosnext());	
	}
	if($("#projet"+whosprevious()).html()==""){
		$("#projet"+whosprevious()).append("<img src=\"images/portfolio/"+ alClient[whosprevious()][4] +"\"/>");
		//alert(whosnext());	
	}
	$("#projet"+projetActif).css("display", "block");
	
	//alert(alClient.length);
	
	
}

$(document).ready(function() {
	$("a[rel^='prettyPhoto']").prettyPhoto();

	/*alert(alClient[0][0]);
	alert(alClient[0][1]);
	alert(alClient[0][2]);
	alert(alClient[0][3]);
	alert(alClient[0][4]);*/
	for (var i = 0, j = alClient.length; i < j; i++) {
		//$("#corp").append("<div id=\"projet"+i+"\" class=\"fiche\"><img src=\"images/portfolio/"+ alClient[i][4] +"\"/></div>");
		$("#corp").append("<div id=\"projet"+i+"\" class=\"fiche\"></div>");
		$("#projet"+i).css("display", "none");
	}
	
	if(automatique == 1){
		$("#panneau").css("display","none");
		
		
		/*
		for (var i = 0, j = alClient.length; i < j; i++) {
			if(alClient[i][6] == 1 && projetActif == -1){
				projetActif = i;
			}
		}*/
		if(projetActif == -1){
			for (var i = 0, j = alClient.length; i < j; i++) {
				if(alClient[i][6] == 1){
					alRandom.push(i);
				}
			}
		}
		projetActif = alRandom[Math.floor(alRandom.length * Math.random())];
		chrono = setInterval('changeProjet("droite");',5000);
		//alert(alClient[projetActif][2]);
	}
	
	
	loadImages();
	resizeImages();
	setDesc();
	setListe();
	$("#plus").click(function(){
		$("#info").fadeIn(900);
   	});
	$("#fermer").click(function(){
		$("#info").fadeOut(900);
   	});
	$("#next").click(function(){
		clearInterval(chrono);
		if (whosnext() < projetActif && categorieActif != 0  && automatique == 0){
			//alert(alType.length);	
			if ((categorieActif + 1) == alType.length){
				categorieActif = 1;
			}else{
				categorieActif = categorieActif + 1;
			}
			projetActif = -1;
		}
		changeProjet("droite");
		
		if ($("#panneau").is(":visible")) {
			$("#panneau").slideToggle("slow");
			$("#bt-drop").empty().append("<div class=\"ouvreux\">OUVRIR</div>");
		}
   	});
	
	$("#previous").click(function(){
		clearInterval(chrono);
		if (whosprevious() > projetActif && categorieActif != 0  && automatique == 0){
			if(categorieActif == 1){
				categorieActif = alType.length-1;
			}else{
				categorieActif = categorieActif - 1;
			}
			projetActif = alClient.length;
			
		}
		changeProjet("gauche");
		
		if ($("#panneau").is(":visible")) {
			$("#panneau").slideToggle("slow");
			$("#bt-drop").empty().append("<div class=\"ouvreux\">OUVRIR</div>");
		}
		
   	});
	$("#fermerpanneau").click(function(){
		$("#panneau").slideToggle("slow");
		$("#bt-drop").empty().append("<div class=\"ouvreux\">OUVRIR</div>");
   	});
	$("#bt-drop").click(function(){
		if ($("#panneau").is(":visible")) {					 
			$("#panneau").slideToggle("slow");
			$("#bt-drop").empty().append("<div class=\"ouvreux\">OUVRIR</div>");
		}else{
			$("#panneau").slideToggle("slow");
			$("#bt-drop").empty().append("<div class=\"fermeux\">FERMER</div>");
		}
   	});
	/*$("#portfolio").click(function(){
		$("#panneau").slideToggle("slow");
		
   	});*/
	$("#fermerpied").click(function(){
		$("#contenupied").slideToggle("slow");
   	});
	
	$("#sitemap").click(function(){
		$("#contenupied").slideToggle("slow");
   	});
	
	//alert(alType.length);
	for (var i = 0, j = alType.length; i < j; i++) {
		$("#type"+i).click(function(){
			//changeProjet("gauche");
			//alert(Number(this.id.substr(4)));
			for (var k = 0, l = alClient.length; k < l; k++) {
				$("#projet"+k).css("display", "none");
			}
			categorieActif = Number(this.id.substr(4));
			projetActif = -1;
			changeProjet("droite");
			//alert(whosnext());
			/*for (var k = 0, l = alClient.length; k < l; k++) {
				
			}*/
   		});
	}
	tempClientMenu = 0
	for (var i = 0, j = alClient.length; i < j; i++) {
		if(alClient[i][0] != tempClientMenu){
			tempClientMenu = alClient[i][0];
			$("#menu"+tempClientMenu).click(function(){
				//alert(Number(this.id.substr(4)));
				tempProjet = 0
				for (var k = 0, l = alClient.length; k < l; k++) {
					
				
					
					
					if(alClient[k][0] == Number(this.id.substr(4)) && (alClient[k][1] == categorieActif || categorieActif == 0) && tempProjet == 0){
						$("#projet"+k).css("display", "none");
						tempProjet = k;
						projetActif = k-1;
						changeProjet("droite")
						//alert(k);
						
					}
				}
			});
		}
	}
	
	$("#clientbox").hover(function(){
		//$("#contenupied").slideDown("slow");
		//$("#contenupied").removeClass("furtif");
		if ($("#panneau").is(":hidden")) {
			$("#panneau").slideDown("slow");
			$("#bt-drop").empty().append("<div class=\"fermeux\">FERMER</div>");
			
		}
	},function(){
		//$("#contenupied").slideUp("slow");
		if ($("#panneau").is(":visible")) {
			$("#panneau").slideUp("slow");
			$("#bt-drop").empty().append("<div class=\"ouvreux\">OUVRIR</div>");	
		}
	});
	
});

$(window).resize(function(){
	resizeImages();
	
});
