/*
 -------------------------------------------------------------------------------------------- 
 Ce script fait apparaître un calque par glissement de gauche à droite sur la page.
 On dispose d'un bouton pour le 'replier' ou le 'déplier'.
 
 Dans le code de la page appelante il faut ajouter: 
 <SCRIPT> var sess_pub = 1</SCRIPT> ou <SCRIPT> var sess_pub = 0</SCRIPT> selon que l'on veut que le calque apparaisse 'plié' ou 'déplié', puis :
 <SCRIPT type="text/javascript" src="scripts/ejs_slidein.js"></SCRIPT>
  --------------------------------------------------------------------------------------------
 */
 
 // ----- LES VARIABLES PARAMÉTRABLES : -------------------------------------------------------
 var hpos_opened           = 197;
 var hpos_closed           = -364;  // idéalement, la même valeur que slide_width, en négatif
 var top_pos               = 365;
 var slide_width           = 364;   // idéalement, 4 px de plus que ce qu'on va mettre dedans
 var slide_height          = 258;   // idéalement, 4 px de plus que ce qu'on va mettre dedans
 var slide_speed           = 10;
 var slide_bgcolor         = 'white';
 var slide_bordercolor     = 'steelblue';
 var button_color          = 'white';
 var button_bgcolor        = 'steelblue';
 var button_size           = 18;
 
 // ----- LE CODE HTML DU CONTENU DU SLIDE : ---------------------------------------------------
 var contenu_html = '';  //---- (ici je ne mets rien, c'est pour la forme...)
 contenu_html += '<table width=360 border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">';
 contenu_html += '<tr>';
 contenu_html += '<td>';
 contenu_html += '<object name=anim width=360 height=210 align=top id=pub>';
 // lien vers ancienne pub Canada
 // contenu_html += '<param name=movie value=flash/canmed1.swf>';
 contenu_html += '<param name=movie value=flash/motiv_action2.swf>';
 contenu_html += '<param name=quality value=high>';
 contenu_html += '<embed src=flash/motiv_action2.swf width=360 height=210 align=top quality=high type=application/x-shockwave-flash name=pub></embed>';
 contenu_html += '</object>';
 contenu_html += '</td>';
 contenu_html += '</tr>';
 contenu_html += '<tr>';
 contenu_html += '<td align="center" valign=middle height=22 style="font-family:arial; font-size:16px; font-weight:bold; font-style:italic; color:steelblue; cursor:pointer" onmouseover=this.style.background="lightblue" onmouseout=this.style.background="white" onclick="location.href=\'seminaire_pnl_parents.php\'" title="Cliquez pour en savoir plus"> Découvrez ce séminaire : <u>cliquez ici</u></td>';
 contenu_html += '</tr>';
 //contenu_html += '<tr>';
 //contenu_html += '<td align="center" valign=middle height=22 style="font-family:arial; font-size:13px; font-weight:bold; font-style:italic; color:lightslategray; cursor:pointer;"><div id="message"></div></td>';
 //contenu_html += '</tr>';
 contenu_html += '</table>';
 
 // ----- À PARTIR D'ICI ON NE TOUCHE À RIEN! : --------------------------------------------------
 if(!document.all && document.getElementById)
         ejs_hauteur = window.innerHeight- (top_pos);
          
 else
         ejs_hauteur = document.body.clientHeight- (top_pos);
 
 document.write('<style type="text/css">\n');
 
 document.write('#ejs_slide_box ');
 document.write('	{');
 document.write('	position:absolute;');
 document.write('	-moz-border-radius: 20px;');
 document.write('	width:'+slide_width+'px;');
 document.write('	height:'+slide_height+'px;');
 document.write('	top:'+ejs_hauteur+'px;');
 document.write('	left:'+hpos_closed+'px;');
 document.write('	background-color:'+slide_bgcolor+';');
 document.write('	border-color:'+slide_bordercolor+';');
 document.write('	border-width:1px;');
 document.write('	border-style:solid;');
 document.write('	}\n');
 
 document.write('#ejs_slide_bouton ');
 document.write('	{');
 document.write('	position:absolute;');
 document.write('	-moz-border-radius: 20px;');
 document.write('	top:-1px;');
 document.write('	left:'+(slide_width-1)+'px;');
 document.write('	background-color:'+button_bgcolor+';');
 document.write('	font-family:arial;');
 document.write('	font-weight:bold;');
 document.write('	font-size:20px;');
 document.write('	}\n');
 
 document.write('#ejs_slide_content ');
 document.write('	{');
 document.write('	position:relative;');
 document.write('	-moz-border-radius: 20px;');
 document.write('	top:1px;');
 document.write('	left:1px;');
 document.write('	}\n');
 
 document.write('</style>');
 
 var slide_tempo;
 slide_url_image = 'flash/canmed1.swf';
 slide_x = hpos_closed;
 slide_ismoving = false;
 slide_first = true;
 
 function slide_init()
 	{
   	if(slide_x == hpos_closed && !slide_ismoving)
   		if (sess_pub == 0){
   		  slide_deballe();
   		}else{
   		  slide_remballe();
   		}
 	}
 
 function slide_start()
 	{
 	if(slide_x == hpos_closed && !slide_ismoving)
 		slide_deballe();
 	else if(!slide_ismoving)
 		slide_remballe();
 	}
 
 function slide_deballe()
 	{
 	slide_ismoving = true;
 	if(slide_x < hpos_opened)
 		{
 		slide_x += slide_speed;
 		slide_move();
 		setTimeout("slide_deballe()", 10);
 		}
 	else
 		{
 		slide_ismoving = false;
 		if(slide_first)
 			slide_tempo = setTimeout("slide_init()", 5000);
 		slide_first = false;
 		}	
 	}
 
 function slide_remballe()
 	{
 	clearTimeout(slide_tempo);
 	slide_ismoving = true;
 	if(slide_x > hpos_closed)
 		{
 		slide_x -= slide_speed;
 		slide_move();
 		setTimeout("slide_remballe()", 10);
 		}
 	else
 		slide_ismoving = false;
 	}
 
 function slide_move()
 	{
 	if(document.getElementById)
 		{
 		document.getElementById("ejs_slide_box").style.left=slide_x+'px';
 		}
 	}
 
 function slide_close()
 	{
 	if(document.getElementById)
 		{
 		document.getElementById("ejs_slide_box").innerHTML = '';
 		document.getElementById("ejs_slide_box").style.top = -100;
 		document.getElementById("ejs_slide_box").style.left = -100;
 		document.getElementById("ejs_slide_box").style.width = 1;
 		document.getElementById("ejs_slide_box").style.height = 1;
 		}
 	}
 
 window.onload = slide_init;
 
 document.write('<div id="ejs_slide_box">');
 document.write('<div id="ejs_slide_content">');
 document.write(contenu_html); 
 document.write('</div>');
 document.write('<div id="ejs_slide_bouton"><a href="#" style="font-size:'+button_size+'px;font-style:normal;text-decoration:none;color:'+button_color+'" onclick="slide_start();this.blur();return(false)" title="replier \/ déplier">><br /><</a><br /></div>');
 document.write('</div>');