/*
 * Fonction d'affichage de boites utilisation sur événement d'un élément :
 * 
 * @param this_obj = l'élément appelant l'événement (this)
 * @param idnote = id unique de la <div> "note" qui sera crée où doit être chargée l'animation
 * @param toon = toon à charger, valeurs possibles : "lettre,rib,stop,idee,livre,cb,ampoule,maison,lire"
 * @param texte = texte à côté du toon (peut contenir du code HTML, entourer votre texte de la balise <strong> pour avoir du texte rouge)
 *
 * @param options = OBJET de paramètres :
 * 		@param options.size (optionnel) = taille de la police (ex : 9)
 * 		@param options.position (optionnel) = position du toons, valeurs possibles : 'gauche' ou par défaut 'droite'
 * 		@param options.posy (optionnel) = Coordonnée y (ordonnée) de la popup (calculé automatiquement si vous utilisez la fonction "popInfo" en spécifiant l'attribut "this_obj")
 * 		@param options.posx (optionnel) = Coordonnée x (abscisse) de la popup (par défaut 715, la colonne de droite)
 * 		@param options.timer (optionnel) = temps en millisecondes avant disparition
 * 		@param options.format_bulle (optionnel) = taille de la bulle, valeurs possibles : "petite,moyenne,grande" (petite par défaut)
 * 
 *
 * Exemple d'utilisation sur un lien:
   <a href="#" onmouseover="popInfo(this,
									'idnote1',
									'lettre',
									'Exemple texte<br\/><strong>Gras<\/strong>',
									{
										size:16,
										position:'droite',
										posy:150,
										posx:200,
										timer:8000,
										format_bulle:"moyenne"
									}
									);" 
				onmouseout="popInfoCache(this,'idnote1');" >...</a>
 *
 *
 * Pour afficher une popup statique sans évènement utilisez la fonction static_popInfo(), 
 * le paramètre posy de l'objet options deviens obligatoire.
 * 
 */

function popInfo(this_obj,idnote,toon,texte,options){
	var size=options.size;
	var position=options.position;
	var posy=options.posy;
	var posx=options.posx;
	var timer=options.timer;
	var format_bulle=options.format_bulle;
	
	var h_niveau_fleche=55;
	//var h_niveau_fleche=120;
	if(this_obj!=undefined){
		var position_top=OffsetT(this_obj);
	}
	if(format_bulle=="moyenne"){
		var swf="toons255x297.swf";
		var height="297";
		h_niveau_fleche=55;
	}else if(format_bulle=="grande"){
		var swf="toons255x397.swf";
		var height="397";
		h_niveau_fleche=55;
	}else{
		var swf="toons.swf";
		var height="197";
	}
	/*positions=(this_obj.cumulativeOffset());*/
	if(posx==undefined){
		var posx=715;
	}
	if(posy==undefined){
		var posy=parseInt(position_top-h_niveau_fleche);
	}
	if(!$(idnote)){
		var xhtml='<div class="note" id="'+idnote+'" style="display:none;left:'+posx+'px;top:'+posy+'px;">&nbsp;<\/div>';
		$('Content').insert(xhtml, { position: "content" });
	}
	if(size==undefined){
		size=11;
	}
	var soFla = new SWFObject("../img/animation/"+swf, "mymovie", "255", height, "transparent");
  	soFla.addParam('wmode', 'transparent');
  	soFla.addVariable('toons', toon);
  	soFla.addVariable('texte', texte);
  	soFla.addVariable('size', size);
  	soFla.addVariable('position',position);


	soFla.write(idnote);
	$(idnote).show();
	
	if(timer!=undefined){
		window.setTimeout("popInfoCache(null,'"+idnote+"')",timer);
	}
}

function static_popInfo(idnote,toon,texte,options){
	Event.observe(window, 'load', function() {
		popInfo(null,idnote,toon,texte,options);
	});
}

function popInfoCache(this_obj,idnote){
	$(idnote).hide();
}

function OffsetT(Obj) {
	decalage = -10;
	if (window.document.getElementById("bandeReturn") != null){
		decalage=-22;
	}
	
	if (Obj.offsetParent) {return (Obj.offsetTop + OffsetT(Obj.offsetParent)+decalage);}
	else {return (Obj.offsetTop+decalage);}
}

function OffsetL(Obj) {
	var objParent = Obj.offsetParent;
	if (Obj.offsetParent) {return (Obj.offsetLeft + objParent.offsetLeft);}
	else {return (Obj.offsetLeft);}
}

function popErreur(id_note,obj,texte){
	popInfo(obj,id_note,'stop','<strong>' + texte + '</strong>',new options ('gauche',13,OffsetL(obj) + obj.offsetWidth,8000));
}

function options(position, size, posx,timer) {
   this.position = position; 
   this.size = size;
   this.posx = posx;
   this.timer = 8000;
}


function toggleOnglet(a, ong, add) {
	$$('#onglets' + add +' a').each (function (e) {
		e.addClassName('inactif');
	});	
	a.removeClassName('inactif');
	
	$$('.onglet' + add).each ( function (e) {
		e.hide();
	});
	ong.show();
}

function toggleLine(a, line){
	
	if (a.hasClassName('toggle_actif')) {
		a.removeClassName('toggle_actif');
		$('ref-' + line + '-details').hide();
	} else {
		a.addClassName('toggle_actif');
		if (navigator.appVersion.match(/\bMSIE\b/)) {
			$('ref-' + line + '-details').show();
		} else {
			$('ref-' + line + '-details').style.display ='table-row';
		}
	}
}