/*var detail1 = '&laquo; La cr&eacute;ation de sites corporatifs sur mesure est assur&eacute;ment un axe d&rsquo;intervention cl&eacute; pour Ergonet.  Son r&ocirc;le d&rsquo;ambassadeur aupr&egrave;s de client&egrave;les potentielles est de plus en plus int&eacute;gr&eacute; aux activit&eacute;s globales des organisations concern&eacute;es &raquo; <strong>Pierre Campeau</strong>, pr&eacute;sident d&rsquo;Ergonet.<br /><br />La mission de l&rsquo;initiative est centr&eacute;e sur l&rsquo;&eacute;laboration d&rsquo;un concept repr&eacute;sentant les attributs cl&eacute;s de la compagnie, dans un cadre visuel &eacute;loquent, rehaussant la nature humaine et sp&eacute;cialis&eacute;e des services octroy&eacute;s. De plus, la plate-forme cr&eacute;ative assure une segmentation des contenus selon les groupes cibles vis&eacute;s par Sogemec assurances et pr&eacute;voit l&rsquo;int&eacute;gration de nouvelles client&egrave;les en devenir.<br /><br />Sogemec, &oelig;uvrant depuis 25 ans dans le domaine de l&rsquo;assurance, offre une approche haut de gamme en mati&egrave;re de services d&rsquo;assurances destin&eacute;s &agrave; des professionnels cibl&eacute;s tels les m&eacute;decins sp&eacute;cialistes, les m&eacute;decins r&eacute;sidents, les &eacute;tudiants en m&eacute;decine, les ing&eacute;nieurs ainsi que les notaires.  '
var detail2 = 'Point central de collaboration de l&rsquo;entreprise, la deuxi&egrave;me version de l&rsquo;intranet a amen&eacute; une augmentation importante des usagers inscrits;  98% de la cible potentielle soit 2500 usagers seulement trois mois apr&egrave;s son implantation.<br /><br />Apr&egrave;s deux ans d&rsquo;utilisation de la premi&egrave;re version de leur Intranet, GazM&eacute;tro d&eacute;sirait remanier cet outil de communication interne prometteur mais peu utilis&eacute;. Le d&eacute;fi &eacute;tant de cr&eacute;er un r&eacute;el int&eacute;r&ecirc;t suite &agrave; une version peu sollicit&eacute;e, la strat&eacute;gie adopt&eacute;e f&ucirc;t de s&rsquo;inscrire dans le quotidien des utilisateurs potentiels. Un environnement optimis&eacute;, au contenu r&eacute;ellement adapt&eacute; f&ucirc;t mis en place. Le succ&egrave;s de l&rsquo;initiative notamment a repos&eacute; sur une adaptation des contenus et fonctionnalit&eacute;s  le profil, , ajuste contenus et fonctionnalit&eacute;s en fonction de multiples vecteurs caract&eacute;risant l&rsquo;usager (r&eacute;gion, type de gestionnaire, d&eacute;partement de provenance, int&eacute;r&ecirc;ts personnels). <br /><br /><strong>Activit&eacute;s de d&eacute;veloppement&hellip;</strong><br /><br /><ul class="list_smallbullet"><li>Mise en place d&rsquo;une interface uniformis&eacute;e int&eacute;grant divers modules int&eacute;gr&eacute;s (dont calendrier et courriels personnels); </li><li>D&eacute;centralisation de la gestion de contenu via deux niveaux d&rsquo;intervenants (&eacute;diteurs et auteurs);</li><li>Mise en place de contenus exclusifs et personnalis&eacute;s  selon le profil du  gestionnaire (son r&ocirc;le, sa r&eacute;gion, ses pr&eacute;f&eacute;rences personnelles, etc.)</li><li>Outil d&rsquo;envoi de bulletin par courrier &eacute;lectronique personnalis&eacute;;</li><li>Mise en ligne du bottin t&eacute;l&eacute;phonique, incluant des fonctions de recherche;</li><li>Modules vari&eacute;s de publication : documents,  nouvelles, communiqu&eacute;s et &eacute;v&eacute;nements;</li><li>Module de gestion et d&rsquo;affichage de bandeaux et pop-up promotionnels;</li><li>Module de gestion des utilisateurs et droits d&rsquo;acc&egrave;s &agrave; la consultation et gestion de l&rsquo;intranet;</li><li>Module de compilation et affichage de statistiques d&rsquo;acc&egrave;s par document;</li><li>Module de demandes d&rsquo;information et prise de commentaires et retour &agrave; l&rsquo;auteur de document;</li><li>Module de gestion des menus et sections de l&rsquo;intranet;</li><li>Module de petites annonces class&eacute;es;</li><li>Module de mini-sites d&eacute;partementaux pour permettre la communication intra d&eacute;partement</li><li>Module de recherche globale;</li><li>Module de documentation, d&rsquo;aide &agrave; la formation et aide contextuel s&rsquo;int&eacute;grant au syst&egrave;me d&rsquo;entreprise SAP;</li><li>Module de consultation et d&rsquo;impression de document en format natif.</li></ul>'
var detail3 = 'Un environnement promotionnel desservant trois march&eacute;s cibles et mettant en valeur toute la gamme de produits.  Le site est bas&eacute; sur une strat&eacute;gie call-to-action qui  incite l&rsquo;internaute &agrave; recueillir les informations cl&eacute;s  le menant &agrave; l&rsquo;acquisition de l&rsquo;item recherch&eacute;.<br /><br />Cette approche comprend l&rsquo;int&eacute;gration d&rsquo;un configurateur de produits maximisant l&rsquo;exp&eacute;rience pr&eacute;-magasinage<br /><br />Le  nouveau site de Dutailier permet &agrave; l&rsquo;internaute de visualiser diverses versions de fauteuils selon ses pr&eacute;f&eacute;rences (mod&egrave;le, recouvrement, accessoires) puis de conna&icirc;tre le point de vente correspondant &agrave; sa requ&ecirc;te.<br /><br />Cette initiative s&rsquo;inscrit dans la volont&eacute; de la corporation d&rsquo;assurer une pr&eacute;sence  &agrave; la fois plus contemporaine, compl&egrave;te et interactive, ax&eacute;e sur une meilleure promotion des choix disponibles parmi ses multiples cat&eacute;gories de produits en fonction de ses segments de march&eacute;s; une dynamique impliquant l&rsquo;introduction de versions de sites selon le pays de provenance. <br /><br />De plus, la strat&eacute;gie de d&eacute;veloppement repose sur une approche product-driven, mettant en vedette le produit tout en tenant compte d&rsquo;une diffusion utile et conviviale de ses particularit&eacute;s techniques ou de ses options offertes (fiches r&eacute;f&eacute;rence personnalis&eacute;es imprimables en vue de la visite chez un d&eacute;taillant par exemple, etc.)<br /><br />&laquo; La richesse des informations visuelles ainsi que la mise en contexte d&rsquo;un produit au sein d&rsquo;un environnement pertinent et attrayant sont &eacute;galement des &eacute;l&eacute;ments cl&eacute;s permettant de mettre un acheteur potentiel dans l&rsquo;ambiance et ainsi assurer un meilleur call-to-action durant le processus d&rsquo;acquisition &raquo; de commenter Pierre Campeau, pr&eacute;sident d&rsquo;Ergonet. <br /><br />Le Groupe Dutailier, corporation poss&eacute;dant plus de 25 ann&eacute;es d&rsquo;existence, est renomm&eacute; pour ses fauteuils oscillants (dont la production s&rsquo;&eacute;l&egrave;ve &agrave; plus de 4 millions &agrave; ce jour) ainsi que pour ses meubles destin&eacute;s aux enfants et adolescents.  La compagnie voit ses produits distribu&eacute;s au sein de nombreux pays dont le Canada, les &Eacute;tats-Unis, le Mexique, l&rsquo;Angleterre, la CEE ainsi que le Japon.'
var detail5 = 'Cr&eacute;ation d&rsquo;un site d&rsquo;aide de pr&eacute;paration &agrave; l&rsquo;examen des connaissances dans le domaine de la gestion des ressources humaines et des relations <br />Cet outil, d&eacute;di&eacute; &agrave; la formation en ligne aupr&egrave;s de candidats abonn&eacute;s, facilite le processus d&rsquo;&eacute;valuation des comp&eacute;tences par le biais des diff&eacute;rentes fonctionnalit&eacute;s (plus de d&eacute;tails)<br /><br /><ul class="list_smallbullet"><li>Pr&eacute;-test &eacute;valuant les forces et limites selon profil accompagn&eacute; d&rsquo;un diagnostic sommaire, afin de diriger l&rsquo;apprentissage de l&rsquo;usager;</li><li>Table des mati&egrave;res d&eacute;taill&eacute;e des connaissances requises selon le profil;</li><li>R&eacute;f&eacute;rences documentaires (articles, livres, sites Web) selon sc&eacute;narios &eacute;tablis par l&rsquo;organisation (ex : suggestion d&rsquo;enrichissement de connaissances sp&eacute;cifiques aupr&egrave;s de l&rsquo;usager ayant &eacute;chou&eacute; une question en particulier, etc.)</li><li>Jeux &eacute;ducatifs, test minut&eacute;s, simulation d&rsquo;examens pouvant inclure correction automatis&eacute;e avec commentaires.</li></ul>'

var tabPages = [
            "<a href='http://www.sogemec.qc.ca' target='_blank'><img src='/images/common/screenshots/sogemec.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Sogemec Assurances</strong></span><br /><span class='small gray'>&laquo; La cr&eacute;ation de sites corporatifs sur mesure est assur&eacute;ment un axe d&rsquo;intervention cl&eacute; pour Ergonet.  Son r&ocirc;le d&rsquo;ambassadeur aupr&egrave;s de client&egrave;les potentielles est de plus en plus int&eacute;gr&eacute; aux activit&eacute;s globales des organisations concern&eacute;es &raquo; <strong>Pierre Campeau</strong>, pr&eacute;sident d&rsquo;Ergonet.<br /><br />La mission de l&rsquo;initiative est centr&eacute;e sur l&rsquo;&eacute;laboration d&rsquo;un concept repr&eacute;sentant les attributs cl&eacute;s de la compagnie, dans un cadre visuel &eacute;loquent, rehaussant la nature humaine et sp&eacute;cialis&eacute;e des services octroy&eacute;s. De plus, la plate-forme cr&eacute;ative assure une segmentation des contenus...</span></div><a href='http://www.sogemec.qc.ca' class='blue' target='_blank'><strong>www.sogemec.qc.ca</strong></a> | <a href='javascript:parent.openZoom(detail1);' class='small'>Plus de d&eacute;tails</a>",
            "<img src='/images/common/screenshots/gazmetro.jpg' alt='' width='230' height='157' border='0' class='screenshot' /><div class='description'><span class='large gray'><strong>Intranet de Gaz M&eacute;tro</strong></span><br /><span class='small gray'>Point central de collaboration de l&rsquo;entreprise, la deuxi&egrave;me version de l&rsquo;intranet a amen&eacute; une augmentation importante des usagers inscrits;  98% de la cible potentielle soit 2500 usagers seulement trois mois apr&egrave;s son implantation.<br /><br />Apr&egrave;s deux ans d&rsquo;utilisation de la premi&egrave;re version de leur Intranet, GazM&eacute;tro d&eacute;sirait remanier cet outil de communication interne prometteur mais peu utilis&eacute;. Le d&eacute;fi &eacute;tant de cr&eacute;er un r&eacute;el int&eacute;r&ecirc;t suite &agrave; une version peu sollicit&eacute;e, la strat&eacute;gie adopt&eacute;e f&ucirc;t de s&rsquo;inscrire dans le quotidien des utilisateurs potentiels. Un environnement optimis&eacute;, au contenu r&eacute;ellement adapt&eacute; f&ucirc;t mis en place. </span></div><a href='javascript:parent.openZoom(detail2);' class='small'>Plus de d&eacute;tails</a>",
            "<a href='http://www.dutailier.com' target='_blank'><img src='/images/common/screenshots/dutailier.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Dutailier</strong></span><br /><span class='small gray'>Site promotionnel multi-march&eacute;s avec configurateur de produits<br /><br />Un environnement promotionnel desservant trois march&eacute;s cibles et mettant en valeur toute la gamme de produits.  Le site est bas&eacute; sur une strat&eacute;gie call-to-action qui incite l&rsquo;internaute &agrave; recueillir les informations cl&eacute;s  le menant &agrave; l&rsquo;acquisition de l&rsquo;item recherch&eacute;. Cette approche comprend l&rsquo;int&eacute;gration d&rsquo;un configurateur de produits maximisant l&rsquo;exp&eacute;rience pr&eacute;-magasinage...</span></div><a href='http://www.dutailier.com' class='blue' target='_blank'><strong>www.dutailier.com</strong></a> | <a href='javascript:parent.openZoom(detail3);' class='small'>Plus de d&eacute;tails</a>",
            "<a href='http://www.ville.montreal.qc.ca' target='_blank'><img src='/images/common/screenshots/villedemtl.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Ville de Montr&eacute;al &ndash; Division des politiques et du Plan d&rsquo;urbanisme</strong></span><br /><span class='small gray'>Site informationnel multi contenus<br/><br/>Une r&eacute;alisation incluant la pr&eacute;sentation intuitive d&rsquo;une grande quantit&eacute; de plans. Un projet ayant impliqu&eacute; le d&eacute;veloppement d&rsquo;une strat&eacute;gie de migration des divers contenus dans un cadre  bien orchestr&eacute;e.</span></div><a href='http://www.ville.montreal.qc.ca' class='blue' target='_blank'><strong>www.ville.montreal.qc.ca</strong></a>",
            "<a href='http://www.campus-rhri.ca' target='_blank'><img src='/images/common/screenshots/campusrhri.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Campus RHRI</strong></span><br /><span class='small gray'>Trousse de formation sur mesure<br /><br />Cr&eacute;ation d&rsquo;un site d&rsquo;aide de pr&eacute;paration &agrave; l&rsquo;examen des connaissances dans le domaine de la gestion des ressources humaines et des relations.<br /><br />Cet outil, d&eacute;di&eacute; &agrave; la formation en ligne aupr&egrave;s de candidats abonn&eacute;s, facilite le processus d&rsquo;&eacute;valuation des comp&eacute;tences par le biais des diff&eacute;rentes fonctionnalit&eacute;s.</span></div><a href='http://www.campus-rhri.ca' class='blue' target='_blank'><strong>www.campus-rhri.ca</strong></a> | <a href='javascript:parent.openZoom(detail5);' class='small'>Plus de d&eacute;tails</a>",
            "<a href='http://www.pjcci.ca' target='_blank'><img src='/images/common/screenshots/pjcci.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Les Ponts Jacques Cartier et Champlain Incorpor&eacute;e</strong></span><br/><span class='small gray'>Site informationnel. Une autoroute d&rsquo;informations conviviale d&eacute;di&eacute;e aux citoyens.<br /><br />R&eacute;alisation datant d&eacute;j&agrave; de quelques ann&eacute;es, le site demeure une r&eacute;f&eacute;rence informationnelle utile pour tous les automobilistes notamment en raison de la pr&eacute;sence d&rsquo;une cam&eacute;ra de surveillance diffus&eacute;e en direct sur le Web.</span></div><a href='http://www.pjcci.ca' class='blue' target='_blank'><strong>www.pjcci.ca</strong></a>",
            "<a href='http://www.oiiq.org/services/emplois/recherche_emplois.aspx' target='_blank'><img src='/images/common/screenshots/oiiq.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Banque d&rsquo;emplois OIIQ</strong></span><br /><span class='small gray'></span></div><a href='http://www.oiiq.org/services/emplois/recherche_emplois.aspx' class='blue' target='_blank'><strong>www.oiiq.org/services/emplois/recherche_emplois.aspx</strong></a>",
            "<a href='http://fresiq.oiiq.org' target='_blank'><img src='/images/common/screenshots/fresiq.jpg' alt='' width='230' height='157' border='0' class='screenshot' /></a><div class='description'><span class='large gray'><strong>Fondation de recherche en sciences infirmi&egrave;res du Qu&eacute;bec (FRESIQ)</strong></span><br /><span class='small gray'>Site informationnel<br /><br />Le site de la  FRESIQ a pour mission de prodiguer de l&rsquo;information sur la structure de l&rsquo;organisation et ses priorit&eacute;s, sur les programmes de subventions &agrave; la recherche et de bourses d&rsquo;&eacute;tudes, et sur les &eacute;v&eacute;nements qu&rsquo;organise la Fondation.</span></div><a href='http://fresiq.oiiq.org' class='blue' target='_blank'><strong>fresiq.oiiq.org</strong></a>",
            "<img src='/images/common/screenshots/cegepplacement.jpg' alt='' width='230' height='157' border='0' class='screenshot' /><div class='description'><span class='large gray'><strong>Service de placement du C&eacute;gep de Saint-Hyacinthe</strong></span><br /><span class='small gray'></span></div><span class='blue' target='_blank'><strong></strong></span>"
            ];
*/

          
/**
 * Custom inital load handler. Called when the carousel loads the initial
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadInitHandler
 **/
var loadInitialItems = function(type, args) {

	var start = args[0];
	var last = args[1]; 

	load(this, start, last);	
	var status = "" + start + "";
	YAHOO.util.Dom.get("indicator").innerHTML = status;
};

var animComplete = function(type, args) {
	var direction = args[0]; // string either: 'next' or 'prev'
	
	var status = "" + this.firstVisible + "";
	YAHOO.util.Dom.get("indicator").innerHTML = status + "";

};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	if(enabling) {
		leftImage.src = "/images/common/btn_prev.gif";	
	} else {
		leftImage.src = "/images/common/btn_prevoff.gif";	
	}
	
};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the next button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: nextButtonStateHandler
 **/
var handleNextButtonState = function(type, args) {

	var enabling = args[0];
	var rightImage = args[1];
	
	if(enabling) {
		rightImage.src = "/images/common/btn_next.gif";
	} else {
		rightImage.src = "/images/common/btn_nextoff.gif";
	}
	
};

/**
 * Custom load next handler. Called when the carousel loads the next
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadNextHandler
 **/
var loadNextItems = function(type, args) {	

	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
	
	var status = "" + start + "";
	YAHOO.util.Dom.get("indicator").innerHTML = status;
};

/**
 * Custom load previous handler. Called when the carousel loads the previous
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadPrevHandler
 **/
var loadPrevItems = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load(this, start, last);
	}
	var status = "" + start + "";
	YAHOO.util.Dom.get("indicator").innerHTML = status;
};

var load = function(carousel, start, last) {
    for(var i=start;i<=last;i++) {
        carousel.addItem(i, fmtItem(tabPages[i-1]));
    }
};

var changePage = function(e, args) {
    var carousel = args[0];
    var pageNum = args[1];
    
    carousel.scrollTo(pageNum);
};

/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-carousel'.) See the
 * HTML code below.
 **/
var pageLoad = function() 
{
    var qs = "";
    qs = window.location.search.substring(1);
        
    var r = "";
    
    var patt1=/(?:r=(\d+))/i;  
    
    var nbr = "";
    var nb = 0;
    
     nbr = qs.match(patt1);
    if(nbr != null && nbr[1] != null && nbr[1] != ""){
     nb = parseInt(nbr[1]);
     }
    
    if(nb == null || nb == "" || nb.length == 0)
    {
        nb = 0;
    }
    var dnb = parseInt(nb) + 1;
    
    if(dnb > tabQte)
    {
        dnb = parseInt(1);
        nb = parseInt(0);
    }

    var carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
        {
            numVisible:        1,
            animationSpeed:    .7,
            scrollInc:         1,
            size:              tabQte,
            navMargin:         0,
            loadInitHandler:   loadInitialItems,
            loadNextHandler:   loadNextItems,
            loadPrevHandler:   loadPrevItems,
            firstVisible: 1,
            prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState,
			prevElement:     "prev-arrow",
			nextElement:     "next-arrow",
			firstVisible: dnb
        }
    );
    YAHOO.util.Event.addListener(this.carouselNext, "click", this._scrollNext, this);
    
    registerBtnListeners(carousel, changePage);

    clic(nb);
};

/**
 * Since carousel.addItem uses an HTML string to create the interface
 * for each carousel item, this method formats the HTML for an LI.
 **/
var fmtItem = function(tabPage) {

      var innerHTML = 
          '<div style="margin:15px;">' + 
          tabPage + 
          '</div>';
  
    return innerHTML;
    
};


YAHOO.util.Event.addListener(window, 'load', pageLoad);