//######################################################################################
// INFO BULLE DHTML
//######################################################################################
/*
	<!-- Appel de l'initialisation des infos bulles (laisser dans le BODY) -->
	<!-- initBulle(style) -->
	<script language="JavaScript">initBulle();</script>
	...
	<a href="#" onmouseover="affBulle('Info bulle du lien')" onmouseout="hideBulle()">Lien</a>

stopBulle = setTimeout('hideBulle()',5000);
clearTimeout(stopBulle);
*/
var IB = new Object;

var posX = window.innerWidth / 2;
var posY = window.innerHeight / 2;
var xOffset = 10;
var yOffset = 20;
var stopBulle;
var tabTextesBulle = new Array;

function affBulleRef(ref,duree) {
	if (tabTextesBulle[ref]) return affBulle(tabTextesBulle[ref],duree);
}

function affBulle(texte,duree) {
	if (!duree) duree = 50000;
	var stopBulle = setTimeout('hideBulle()',duree);
	var contenu = texte.replace('\\','') + "&nbsp;";
	var finalPosX = posX - xOffset;
	
	if (finalPosX < 0) finalPosX = 0;
	if (document.layers) {
		document.layers['bulle'].document.write(contenu);
		document.layers['bulle'].document.close();
		document.layers['bulle'].top = posY + yOffset;
		document.layers['bulle'].left = finalPosX;
		document.layers['bulle'].zIndex = 10000;
		document.layers['bulle'].visibility = 'show';
	}
	if (document.all) {
		var bulle=document.all['bulle'];
		bulle.innerHTML = '';
		bulle.innerHTML = contenu;	
		
		bulle.style.top = posY + yOffset;
		
		bulle.style.left = finalPosX;
		bulle.style.zIndex = 10000;
		bulle.style.visibility = 'visible';
	}
	else if (document.getElementById) {
		if (document.getElementById('bulle')) {
			document.getElementById('bulle').innerHTML = contenu;
			document.getElementById('bulle').style.top = posY + yOffset + "px";
			document.getElementById('bulle').style.left = finalPosX + "px";
			document.getElementById('bulle').style.zIndex = 10000;
			document.getElementById('bulle').style.visibility = 'visible';
		}
	}
}
function getMousePos(e) {
	if (document.all) {
		//reconnait si le navigateur est ie7
		NavVers = navigator.appVersion;
		if(NavVers.lastIndexOf("MSIE 7") != -1){	
			posX=event.clientX+document.body.scrollLeft;	
			posY=event.clientY+document.documentElement.scrollTop;
		}else{		
			posX=event.x+document.body.scrollLeft;	
			posY=event.y+document.body.scrollTop;
		}
		
	} else {
		posX=e.pageX;
		posY=e.pageY; 
	}
}
function hideBulle() {
	clearTimeout(stopBulle);
	if (document.layers) {document.layers['bulle'].visibility='hide';}
	if (document.all) {document.all['bulle'].style.visibility='hidden';}
	else if (document.getElementById){if (document.getElementById('bulle')) document.getElementById('bulle').style.visibility='hidden';}
}
function initBulle() {
	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write('<layer name="bulle" top="0" left="0" visibility="hide" class="bulle"></layer>');
	}
	if (document.all) {
		document.write('<div id="bulle" style="position:absolute;top:0;left:0;visibility:hidden" class="bulle"></div>');
		document.onmousemove=getMousePos;
	}
	else if (document.getElementById) {
		document.onmousemove=getMousePos;
		document.write('<div id="bulle" style="position:absolute;top:0;left:0;visibility:hidden" class="bulle"></div>');
	}

}
function alerteFuture(echeance,dureeAlerte,texte) {
	var stopAlerteFuture = setTimeout('affBulle(\''+texte+'\','+dureeAlerte+')',echeance);
}


//######################################################################################
// GESTION DES ONGLETS
//######################################################################################


var dernierOnglet = new Array();
var ongletClassInactif = 'oginact';
var ongletClassActif = 'ogactif';

// Ouvre un onglet
function onglets_ouvrir(grp,ref,formulaire){
	if (document.getElementById){
		domaine = 'onglet_' + grp + '_';
		der = dernierOnglet[grp];
		document.getElementById(domaine+der+'_block').style.display = 'none';
		document.getElementById(domaine+ref+'_block').style.display = 'block';
		document.getElementById(domaine+der+'_lien').className = ongletClassInactif;
		document.getElementById(domaine+ref+'_lien').className = ongletClassActif;
		if (formulaire) eval('document.forms.'+formulaire+'.hidden_onglet_courant_'+grp).value = ref;
		dernierOnglet[grp] = ref;
	}
}


//######################################################################################
// FONCTIONS DIVERSES
//######################################################################################


// Ouvre une fenetre popup
function affPopup(url,largeur,hauteur,paramRes,paramScr,paramMen,paramToo,paramDir,paramLoc,paramSta) {
	if (!url) {url = 'about:blank'}
	var haut = (screen.height - hauteur) / 2;
	var gauche = (screen.width - largeur) / 2;
	var params = 'width=' + largeur + ',height=' + hauteur + ',top=' + haut + ',left=' + gauche;
	//alert(screen.width+', '+screen.height+', '+params);
	params += ',resizable='   + (paramRes ? 'yes' : 'no');
	params += ',scrollbars='  + (paramScr ? 'yes' : 'no');
	params += ',menubar='     + (paramMen ? 'yes' : 'no');
	params += ',toolbar='     + (paramToo ? 'yes' : 'no');
	params += ',directories=' + (paramDir ? 'yes' : 'no');
	params += ',location='    + (paramLoc ? 'yes' : 'no');
	params += ',status='      + (paramSta ? 'yes' : 'no');
	popup = window.open(url,'',params);
	if (parseInt(navigator.appVersion) >= 4) { popup.window.focus(); }
}
// Retourne la position d'un bloc
function donnePosition(what,offsetType){
	var totalOffset = (offsetType == 'left') ? what.offsetLeft : what.offsetTop;
	var parentEl = what.offsetParent;
	while (parentEl != null){
		totalOffset = (offsetType == 'left') ? totalOffset + parentEl.offsetLeft : totalOffset + parentEl.offsetTop;
		parentEl = parentEl.offsetParent;
	}
	return totalOffset;
}
// Coche ou decoche une serie de cases a cocher
/*
	<a href="javascript:cocheTout('formulaire','cc1',true)">Coche tout</a><br>
	<a href="javascript:cocheTout('formulaire','cc1',false)">Decoche tout</a>
*/
function cocheTout(formulaire,checkboxname,etat) {
	var serie = eval("document.forms."+formulaire+"."+checkboxname);
	for (i=0; i<serie.length; i++) {
		if (serie[i].disabled == false) serie[i].checked = etat;
	}
}
function basculetout(idElement,total,etat) {
	for (i=0; i<total; i++) {
		cb = document.getElementById(idElement+''+i);
		if (cb && cb.disabled == false) cb.checked = etat;
	}
}
// Tabulation automatique
/*
	<b>Enter your 10-digit phone number:</b>
	<form name="sampleform">
	<input type="text" name="first" size=4 onKeyup="autotab(this, document.sampleform.second)" maxlength=3> <input type="text" name="second" size=4 onKeyup="autotab(this, document.sampleform.third)" maxlength=3> <input type="text" name="third" size=5 maxlength=4>
	</form>
*/
function autotab(original,destination) {
	if (original.getAttribute && original.value.length == original.getAttribute("maxlength")) destination.focus();
}
// Fonction Ajouter aux favoris
function ajouterAuxFavoris(url,titre){
	if (document.all) window.external.AddFavorite(url,titre);
}
// Affiche ou masque un element html (id), visible = true / false
function changeVisibility(idElement,bascule,visible) {
	if (visible || (bascule && document.getElementById(idElement).style.visibility == 'hidden')) {
		document.getElementById(idElement).style.visibility = 'visible';
	} else {
		document.getElementById(idElement).style.visibility = 'hidden';
	}
}
// Affiche ou masque un element html (id), display = true / false
function changeDisplay(idElement,bascule,display) {
	if (display || (bascule && document.getElementById(idElement).style.display == 'none')) {
		document.getElementById(idElement).style.display = 'block';
	} else {
		document.getElementById(idElement).style.display = 'none';
	}
}


//######################################################################################
// GESTION DES LISTES
//######################################################################################
/*
	<select name="test2_liste1" size="9" style="width:200px">
		<option value="a1">Article 1</option>
		<option value="a2">Article 2</option>
		<option value="a3">Article 3</option>
		<option value="a4">Article 4</option>
		<option value="a5">Article 5</option>
	</select>
	<br>
	<a href="javascript:liste_ajouter('formulaire','test2',true)" title="Ajouter"><img src="images/plus.png" width="12" height="12" border="0"></a>
	<a href="javascript:liste_enlever('formulaire','test2')" title="Enlever"><img src="images/moins.png" width="12" height="12" border="0"></a>
	&nbsp;&nbsp;
	<a href="javascript:liste_monter('formulaire','test2')" title="Monter"><img src="images/haut.png" width="12" height="12" border="0"></a>
	<a href="javascript:liste_descendre('formulaire','test2')" title="Descendre"><img src="images/bas.png" width="12" height="12" border="0"></a>
	<br>
	<select name="test2_liste2" size="9" style="width:200px">
	</select>
	<input type="hidden" name="test2" size="40">
*/
var txt_aucunElementSel = 'Aucune élément sélectionné';
var txt_aucunTexte = 'Aucun texte';

// Recuperer les champs du formulaire
function liste_champs(formulaire,name) {
	position = name.indexOf('&');
	if (position > 0) {
		name1 = name.substr(0,position);
		name2 = name.substr(position+1);
	} else {
		name1 = name;
		name2 = name;
	}
	liste1 = eval('document.'+formulaire+'.'+name1+'_liste1');
	liste2 = eval('document.'+formulaire+'.'+name2+'_liste2');
	champOrdre = eval('document.'+formulaire+'.'+name2);
	//alert(' name1='+name1+'\n name2='+name2);
}
// Deplace un element de la liste liste1 vers la liste liste2
function liste_deplacer(liste1,liste2,supprimer) {
	if (liste1.options.selectedIndex>=0) {
		op = new Option(liste1.options[liste1.options.selectedIndex].text,liste1.options[liste1.options.selectedIndex].value);
		liste2.options[liste2.options.length] = op;
		ex = liste1.options.selectedIndex;
		if (supprimer) {
			liste1.options[liste1.options.selectedIndex] = null;
			liste1.options.selectedIndex = (ex < liste1.options.length) ? ex : liste1.options.length - 1;
		}
	} else {
		alert(txt_aucunElementSel);
	}
}
// Ajouter un element de liste, si supprimer = true, alors on supprime l'element de liste1
function liste_ajouter(formulaire,name,supprimer) {
	liste_champs(formulaire,name);
	liste_deplacer(liste1,liste2,supprimer)
	liste_ordre(liste2,champOrdre);
}
// Enlever un element de liste
function liste_enlever(formulaire,name) {
	liste_champs(formulaire,name);
	liste_deplacer(liste2,liste1,true)
	liste_ordre(liste2,champOrdre);
}
// Monter un element de liste
function liste_monter(formulaire,name) {
	liste_champs(formulaire,name);
	var indice = liste2.selectedIndex;
	if (indice<0) {
		alert(txt_aucunElementSel);
	}
	if (indice>0) {
		liste_echanger(liste2,indice,indice-1,champOrdre);
	}
}
// Descendre un element de liste
function liste_descendre(formulaire,name) {
	liste_champs(formulaire,name);
	var indice = liste2.selectedIndex;
	if (indice<0) {
		alert(txt_aucunElementSel);
	}
	if (indice<liste2.options.length-1) {
		liste_echanger(liste2,indice,indice+1,champOrdre);
	}
}
// Echanger un element de liste
function liste_echanger(liste,i,j,champOrdre) {
	var valeur = liste.options[i].value;
	var texte = liste.options[i].text;
	var titre = liste.options[i].title;
	var couleur = liste.options[i].style.backgroundColor;
	liste.options[i].value = liste.options[j].value;
	liste.options[i].text = liste.options[j].text;
	liste.options[i].title = liste.options[j].title;
	liste.options[i].style.backgroundColor = liste.options[j].style.backgroundColor;
	liste.options[j].value = valeur;
	liste.options[j].text = texte;
	liste.options[j].title = titre;
	liste.options[j].style.backgroundColor = couleur;
	liste.selectedIndex = j;
	liste_ordre(liste,champOrdre);
}
// Optenir l'ordre de la liste
function liste_ordre(liste,champOrdre) {
	var ordre = '';
	for(var i=0;i<liste.options.length;i++) {
		if (i>0) {ordre += ',';}
		ordre += liste.options[i].value;		
	}
	champOrdre.value = ordre;
}
// Ajouter un element de liste (avec gestion des couleurs), si supprimer = true, alors on supprime l'element de liste1
function liste_ajouterCouleur(formulaire,name,supprimer) {
	saisie = eval('document.'+formulaire+'.'+name+'_saisie');
	couleurs = eval('document.'+formulaire+'.'+name+'_couleurs');
	liste2 = eval('document.'+formulaire+'.'+name+'_liste2');
	champOrdre = eval('document.'+formulaire+'.'+name);
	if (saisie.value != '') {
		texte = saisie.value.replace(/,/gi,'');
		texte = texte.replace(/\|/gi,'');
		et = texte + ' [' + couleurs.options[couleurs.options.selectedIndex].text + ']';
		ev = texte + '|' + couleurs.value;
		op = new Option(et,ev);
		liste2.options[liste2.options.length] = op;
		op.style.backgroundColor = '#' + couleurs.value;
		if (supprimer) saisie.value = '';
	} else {
		alert(txt_aucunTexte);
	}
	liste_ordre(liste2,champOrdre);
}
// Enlever un element de liste (avec gestion des couleurs)
function liste_enleverCouleur(formulaire,name,champOrdre) {
	saisie = eval('document.'+formulaire+'.'+name+'_saisie');
	couleurs = eval('document.'+formulaire+'.'+name+'_couleurs');
	liste2 = eval('document.'+formulaire+'.'+name+'_liste2');
	champOrdre = eval('document.'+formulaire+'.'+name);
	if (liste2.options.selectedIndex>=0) {
		temp = liste2.options[liste2.options.selectedIndex].value.split('|');
		saisie.value = temp[0];
		for(var i=0;i<couleurs.options.length;i++) {
			if (couleurs.options[i].value == temp[1]) index = i;		
		}
		couleurs.selectedIndex = index;
		document.getElementById(name+'_couleur').style.backgroundColor='#'+temp[1];
		ex = liste2.options.selectedIndex;
		liste2.options[liste2.options.selectedIndex] = null;
		liste2.options.selectedIndex = (ex < liste2.options.length) ? ex : liste2.options.length - 1;
	} else {
		alert(txt_aucunElementSel);
	}
	liste_ordre(liste2,champOrdre);
}


//######################################################################################
// SELECTEUR DE COULEUR
//######################################################################################

/*
	Le tableau de valeur doit etre sous la forme suivante:
		tabCouleurs = new Array();
		tabCouleurs[0] = new Array('000000','Noir');
		tabCouleurs[1] = new Array('FFFFFF','Blanc');
		Si le champ principal (text ou hidden) est nomme pour l'exemple choixCouleur comme ceci:
			<input type="hidden" value="999999" name="choixCouleur">
		Appel de la fonction par:
			 id="choixCouleur_ico" onmouseover="couleur_select('choixCouleur',tabCouleurs)"
			 (Un 3eme parametre optionnel donne le nombre minimum de colonnes, 8 par defaut)
		Le script peut egalement changer la couleur de fond d'un element dont l'id est:
			 id="choixCouleur_clr"
*/
function couleur_valide(formulaire,champ,couleur) {
	//eval(formulaire).eval(champ).value = couleur;
	eval('document.'+formulaire+'.'+champ+'.value=\''+couleur+'\'');
	document.getElementById(champ+'_clr').style.backgroundColor = '#'+couleur;
	document.getElementById(champ+'_div').style.visibility = 'hidden';
}
function couleur_nomme(champ,nom) {
	document.getElementById(champ+'_nom').innerHTML = nom;
}
function couleur_select(formulaire,champ,tabCouleurs,nbMiniColonnes,urlImgVide) {
	if (!nbMiniColonnes) nbMiniColonnes = 8;
	nbCases = Math.ceil(Math.sqrt(tabCouleurs.length));
	if (nbCases < nbMiniColonnes) {
		nbColonnes = nbMiniColonnes;
		nbCases = Math.ceil(tabCouleurs.length / nbColonnes);
	} else {
		nbColonnes = nbCases;
	}
	posTop = donnePosition(document.getElementById(champ+'_ico'),'top') + 16;
	posLeft = donnePosition(document.getElementById(champ+'_ico'),'left');
	c = 0;
	contenu = '<table border="0" cellspacing="1" cellpadding="0">';
	contenu += '<tr><td colspan="'+nbColonnes+'" align="right" onclick="document.getElementById(\''+champ+'_div\').style.visibility = \'hidden\'" style="font-weight: bold; cursor: default">x</td></tr>';
	for (i  = 0; i < nbCases; i++) {
		contenu += '<tr>';
		for (j  = 0; j < nbColonnes; j++) {
			if (tabCouleurs[c]) {
				contenu += '<td><a href="#" onclick="couleur_valide(\''+formulaire+'\',\''+champ+'\',\''+tabCouleurs[c][0]+'\')" onmouseover="couleur_nomme(\''+champ+'\',\''+tabCouleurs[c][1]+'\')"><img border="0" width="10" height="10" src="'+urlImgVide+'" align="absmiddle" class="ccoul" style="background:#'+tabCouleurs[c][0]+'/*; cursor: hand*/"><'+'/a><'+'/td>';
				c++;
			} else {
				contenu += '<td><'+'/td>';
			}
		}
		contenu += '<'+'/tr>';
	}
	contenu += '<'+'/table>';
	contenu += '<div id="'+champ+'_nom" align="center">&nbsp;<'+'/div>';
	document.getElementById(champ+'_div').innerHTML = contenu;
	document.getElementById(champ+'_div').style.zindex = 555;
	document.getElementById(champ+'_div').style.top = donnePosition(document.getElementById(champ+'_ico'),'top') + 16 + "px";
	document.getElementById(champ+'_div').style.left = donnePosition(document.getElementById(champ+'_ico'),'left') + "px";
	document.getElementById(champ+'_div').style.visibility = 'visible';
}

//######################################################################################
// SELECTEUR D'IMAGE
//######################################################################################

/*
	Le tableau de valeur doit etre sous la forme suivante:
		tabImages= new Array();
		tabImages[0] = new Array('src','Nom image 1','val');
		tabImages[1] = new Array('src','Nom image 2','val');
		Si le champ principal (text ou hidden) est nomme pour l'exemple choixCouleur comme ceci:
			<input type="hidden" value="999999" name="choixImage">
		Appel de la fonction par:
			 id="choixCouleur_ico" onmouseover="couleur_select('choixImage',tabImages)"
			 (Un 3eme parametre optionnel donne le nombre minimum de colonnes, 4 par defaut)
		Le script peut egalement changer la couleur de fond d'un element dont l'id est:
			 id="choixCouleur_clr"
*/
function image_valide(formulaire,champ,src,val) {
	//eval(formulaire).eval(champ).value = couleur;
	eval('document.'+formulaire+'.'+champ+'.value=\''+val+'\'');
	document.getElementById(champ+'_ico').src = src;
	document.getElementById(champ+'_div').style.visibility = 'hidden';
}
function image_nomme(champ,nom) {
	document.getElementById(champ+'_nom').innerHTML = nom;
}
function image_select(formulaire,champ,tabImages,nbMiniColonnes) {
	if (!nbMiniColonnes) nbMiniColonnes = 4;
	nbCases = Math.ceil(Math.sqrt(tabImages.length));
	if (nbCases < nbMiniColonnes) {
		nbColonnes = nbMiniColonnes;
		nbCases = Math.ceil(tabImages.length / nbColonnes);
	} else {
		nbColonnes = nbCases;
	}
	posTop = donnePosition(document.getElementById(champ+'_ico'),'top') + 16;
	posLeft = donnePosition(document.getElementById(champ+'_ico'),'left');
	c = 0;
	contenu = '<table border="0" cellspacing="1" cellpadding="0">';
	contenu += '<tr><td colspan="'+nbColonnes+'" align="right" onclick="document.getElementById(\''+champ+'_div\').style.visibility = \'hidden\'" style="font-weight: bold; cursor: default">x</td></tr>';
	for (i  = 0; i < nbCases; i++) {
		contenu += '<tr>';
		for (j  = 0; j < nbColonnes; j++) {
			if (tabImages[c]) {
				contenu += '<td><a href="#" onclick="image_valide(\''+formulaire+'\',\''+champ+'\',\''+tabImages[c][0]+'\',\''+tabImages[c][2]+'\')" onmouseover="image_nomme(\''+champ+'\',\''+tabImages[c][1]+'\')"><img border="0" width="50" src="'+tabImages[c][0]+'" align="absmiddle" class="ccoul""><'+'/a><'+'/td>';
				c++;
			} else {
				contenu += '<td><'+'/td>';
			}
		}
		contenu += '<'+'/tr>';
	}
	contenu += '<'+'/table>';
	contenu += '<div id="'+champ+'_nom" align="center">&nbsp;<'+'/div>';
	document.getElementById(champ+'_div').innerHTML = contenu;
	document.getElementById(champ+'_div').style.zindex = 555;
	document.getElementById(champ+'_div').style.top = donnePosition(document.getElementById(champ+'_ico'),'top') + 50 + "px";
	document.getElementById(champ+'_div').style.left = donnePosition(document.getElementById(champ+'_ico'),'left') + 0 + "px";
	document.getElementById(champ+'_div').style.visibility = 'visible';
}

//######################################################################################
// FONCTIONS LIEES A L'EDITEUR TinyMCE
//######################################################################################

function fileBrowserCallBack(field_name,url,type,win) {
	//alert("Field_Name: " + field_name + "\nURL: " + url + "\nType: " + type + "\nWin: " + win); // debug/testing
	var cmsURL = "../../plugins/kalon/explorateur.php";
	var searchString = window.location.search;  // possible parameters
	if (searchString.length < 1) searchString = "?";
	tinyMCE.openWindow({
		file : cmsURL + searchString + "&type=" + type, // PHP session ID is now included if there is one at all
		title : "File Browser",
		width : 640,  // Your dimensions may differ - toy around with them!
		height : 480,
		close_previous : "no"
	}, {
		window : win,
		input : field_name,
		resizable : "no",
		inline : "yes",  // This parameter only has an effect if you use the inlinepopups plugin!
		editor_id : tinyMCE.getWindowArg("editor_id")
	});
	return false;
}