//gestion des textes d'aide

// textes d'aides
var content=new Array();
content[0]="Si vous ne voulez pas que le lien d'aide s'affiche, laissez le champ vide.<br>Si la valeur de la case <u>flDisplayHelp</u> est true (vraie/la case est coch&eacute;e) le lien de l'aide est affich&eacute;."

content[1]="si la valeur de <u>flRoll</u> est true (vraie/la case est coch&eacute;e), les liens hypertextes sont d'apparence normale, sinon ils ont la forme d'une 'page'."

content[2]="fonction JavaScript de transclusion: <u>action</u> = nom de la fonction javascript utilis&eacute;e pour g&eacute;n&eacute;rer les liens de transclusion (modifiez...avec pr&eacute;caution !)."

content[3]="destination des liens: <u>target</u> = le nom de la fen&ecirc;tre (ou frame) de destination des liens affich&eacute;s dans le bloc."

content[4]="Si le champ <u>title</u> est renseign&eacute;, alors un titre est affich&eacute;.<br>Si la case de lien est coch&eacute;e, une icone de lien, pointant vers le document xml source, est affich&eacute;e."

content[5]="Le texte apparait &agrave; l'emplacement du curseur, lorsque la souris passe au-dessus des icones d'onglets d'ouverture et de fermeture de noeuds."

content[6]="S&eacute;lectionnez puis copiez l'instruction et ...collez-la o&ugrave; vous voulez;<br>Copiez et collez aussi les classes CSS, dans la partie &lt;head&gt; de votre page html, entre les balises &lt;style type='text/css'&gt; et &lt;/style&gt;."

content[7]="Les classes css contr&ocirc;lent l'apparence de votre bloc &agrave; l'&eacute;cran, au moyen d'une 'feuilles de style'.<br>Vous pouvez personnaliser ces classes en leur donnant un nouveau nom.<br>Modifiez puis copiez la liste des classes personnalis&eacute;es dans la partie &lt;style type='text/css'&gt;du Head de vos mod&egrave;les #template.txt ou #homeTemplate.txt.<br>Le nom de la classe nouvelle sera signifi&eacute; dans l'instruction par le param&egrave;tre <u>class:'...'</u>."

content[8]="Quelques sources possibles de blocs de liens.<ul><li><pre>http://127.0.0.1:5335/gems/blogroll.opml</pre></li><li><pre>file:///C/Program%20Files/Radio%20UserLand/www/gems/blogroll.opml</pre></li></ul>"

content[9]="<b>activeroll affiche un bloc de liens. le cadre n'est pas int&eacute;gr&eacute; &agrave; la macro.</b>"

content[10]="Ceci est une version en cours de d&eacute;veloppement (sur <b>Mozilla</b>) donc tout ne fonctionne pas... il y a tant &agrave; faire en perspective...que toutes les bonnes volont&eacute;s sont bienvenue ;-)."

content[11]="<b>en final, copiez les <i>classes css</i> en balise HEAD et l'<i>instruction</i> en balise BODY...</b>"

content[12]="Si la case est coch&eacute;e, les images sont remplac&eacute;es par la mention '[image]', lien pointant vers l'image originale."

content[13]="Par d&eacute;faut, la valeur 0 signifie que toutes les nouvelles sont affich&eacute;es dans le bloc. Sinon, le nombre donn&eacute; de nouvelles sera affich&eacute;."

content[14]="La liste montre quelques exemples de sources de nouvelles rss. Vous en trouverez beaucoup d'autres <a href='http://www.newsisfree.com/' target='new'>ici</a> et ailleurs."

content[15]="rssBox affiche un bloc de nouvelles (ou fils) rss. le cadre n'est pas int&eacute;gr&eacute; &agrave; la macro."


function changetext(whichcontent){
	if (document.all){
		document.all["descriptions"].innerHTML='<font face="Arial" size=2><p>'+whichcontent+'</p><font>';
		}
	else if (document.getElementById) {
		document.getElementById("descriptions").innerHTML = '<font face="Arial" size=2><p>'+whichcontent+'</p><font>';
		}
	}

//routine pour iframe rssbox
function doRssboxRender () {
	frames[0].location = '/activeRenderer/rssbox/render';
}

//routine de mise en forme des aides textes (fenetre externe) ce script vous semble bizarre ...c'est pour plus tard ;-)
function writeWindow(theWind) {
		var width = 475;
		var height = 240;
		if (theWind=="help"){
		var theAdr = "http://radio.weblogs.com/0100306/gems/wizard/windowhelp.html";}
			else {
		var theAdr = "http://radio.weblogs.com/0100306/gems/wizard/windowhelp.html";
				}
		windowptr = 			window.open(theAdr,'CSS','resizable=yes,location=no,width='+width+',height='+height+',menubar=no,status=no, scrollbars=auto,menubar=no,screenX=100,screenY=100,top=100,left=100"');
		windowptr.focus();
	}

//routine de mise en forme des aides textes. appel de routine dans fen�tre externe.
function windowIsLoaded() {
	if (document.all){
		s=document.all["descriptions"].innerHTML;
		}
	else if (document.getElementById) {
		s= document.getElementById("descriptions").innerHTML
		}
	windowptr.getObject('divPopup').innerHTML=s
	}

//fin de gestion des textes d'aide

//onglet 3
function verifcheckuiflDisplayLink(thefield) {
	if(thefield == "") {
		//document.formulaire.uiflDisplayLink.style.visibility ="hidden";
		//document.formulaire.uiflDisplayLink.checked =false;
       	  	 }
	else{
		//document.formulaire.uiflDisplayLink.style.visibility ="visible";
   	   	}
	returninstruction();
	return true;
	}


function gwoverbool(theObj) {
	var theID= theObj.id;
	theObj.style.backgroundColor ='#fc6';
	 switch(theID) {
 		case "radioJustificationleft":
			var s = document.getElementById("radioJustificationright");
			s.style.backgroundColor ="#fff";
			var s = document.getElementById("radioJustificationcenter");
			s.style.backgroundColor ="#fff";
			setTextProp("examplewizard","textAlign","left");
			break;
  		case "radioJustificationcenter":
			var s = document.getElementById("radioJustificationleft");
			s.style.backgroundColor ="#fff";
			var s = document.getElementById("radioJustificationright");
			s.style.backgroundColor ="#fff";
			setTextProp("examplewizard","textAlign","center");
			break;
  		case "radioJustificationright":
			var s = document.getElementById("radioJustificationleft");
			s.style.backgroundColor ="#fff";
			var s = document.getElementById("radioJustificationcenter");
			s.style.backgroundColor ="#fff";
			setTextProp("examplewizard","textAlign","right");
			break;
 		default:
			alert (theObj);
			break;
		}
	return makecss()
     }

function gwovercheck(theObj) {
	var theID= theObj.id;
	var theColor = convertColor(theObj.style.backgroundColor);
	if(theColor =='#FFCC66') {
		theObj.style.backgroundColor ='#FFFFFF';
		theprop= false;
		} else {
		theObj.style.backgroundColor ='#FFCC66';
		theprop= true;
		}
	 switch(theID) {
    		case "checkstylebold":
			setStyleBold(theprop);
			break;
  		case "checkstyleitalic":
			setStyleItalic(theprop);
			break;
  		case "checkstyleunderline":
			setStyleDecoration(theprop);
			break;
 		default:
			alert (theObj);
			break;
		}
	 }

//gestion du panneau d'onglets
function TabClick( nTab ){
  for (i = 0; i < document.getElementsByName("contentPanel").length; i++) {
	document.getElementsByName("tabs")[i].className = "TabBorderBottom TabCommon TabOff";
	document.getElementsByName("contentPanel")[i].style.display = "none";
    }
	document.getElementsByName("contentPanel")[nTab].style.display = "block";  
	document.getElementsByName("tabs")[nTab].className = "TabCommon TabOn TabActiveBackground TabActiveBorderLeftRight";
	showClasseCss;
	}

//routines de mise en couleur de classes CSS (objet exemple)
// ne pas modifier. utile pour conversion de couleurs
var strhex = "0123456789ABCDEF";
var i;

// conversion decimal (0-255) => hexa
function dechex(n) {
	return strhex.charAt(Math.floor(n/16)) + strhex.charAt(n%16);
	}

function setColorName() {
	var theColor = document.formulaire.colorname.options[document.formulaire.colorname.selectedIndex].value;
	document.formulaire.fieldcolor.value=theColor;
	colorizeobj();
	return true;
	}


function convertColor(theColor) {
	exp_rgb = new RegExp("rgb","g");
	if (exp_rgb.test(theColor)) {
		exp_extract = new RegExp("[0-9]+","g");
		var tab_rgb = theColor.match(exp_extract);
		theColor = '#'+dechex(parseInt(tab_rgb[0]))+dechex(parseInt(tab_rgb[1]))+dechex(parseInt(tab_rgb[2]));
		return theColor;
		}
	}

//selectedElements[i].style[theProp]= theValue
function colorizeobj() {
	var theObj = document.formulaire.classname.options[document.formulaire.classname.selectedIndex].value;
	if(theObj != "drag") {
		var s = document.getElementById("examplewizard");
		var theProp = document.formulaire.propertyname.options[document.formulaire.propertyname.selectedIndex].value;
	}else{
		var s = document.getElementById("blocwizard");
		var theProp = "backgroundColor";
	}
	var ch = (document.formulaire.children.value == "true") ? true : false;
	var theValue = document.formulaire.fieldcolor.value;
	var selectedElements = getElementsByClassName(s, theObj, ch);
	for (var i = 0; i < selectedElements.length; i++) {
		selectedElements[i].style[theProp]= theValue;
		}
	document.formulaire.colorBtn.style.backgroundColor= theValue;
	makecss();
}

//routine externe de mise en forme de classe CSS (couleur: objet exemple)
function openFenColor(){
		var width = 400;
		var height = 300;
		var theWindow = "http://radio.weblogs.com/0100306/gems/wizard/windowColor.html"
		window.open(theWindow, 'cp', 'resizable=no, location=no, width='
		        +width+', height='+height+', menubar=no, status=yes, scrollbars=no, menubar=no');
		colorizeobj();
		}

//fin de routines de mise en couleur de classes CSS (objet exemple)

// fonction generique de selection d'objets
getElementsByClassName = function(srcElm, clName, dive) {
   if (document.getElementsByTagName) {
      this.srcElm = srcElm;
      this.clName = clName;
      this.dive = (dive) ? true : false;
      this.foundElements = [];
      this.allElements = this.srcElm.getElementsByTagName("*");
      for (var i = 0; i < this.allElements.length; i++) {
         if (this.allElements[i].className == this.clName) {
            if (this.dive) {
               if (this.allElements[i].parentNode == this.srcElm) {
                  this.foundElements[this.foundElements.length] = this.allElements[i];
               	}
            } else {
               this.foundElements[this.foundElements.length] = this.allElements[i];
            	}
         	}
      }
      return this.foundElements;
   	} else {
      return [];
   	}
}


// fonction generique d'affectation de valeur de propriete. si couleur: convertColor(theValue) theID standard:"examplewizard"
function setPropObj(theID,theObj,theProp,theValue) {
	var s = document.getElementById(theID);
	var ch = (document.formulaire.children.value == "true") ? true : false;
	var selectedElements = getElementsByClassName(s, theObj, ch);
	for (var i = 0; i < selectedElements.length; i++) {
		selectedElements[i].style[theProp]=theValue;
 		}
	}

function initCssPropsObjs() {
	setPropObj("examplewizard","wizardroll","border","1px solid silver");
	setPropObj("examplewizard","wizardroll","margin","0px");
	setPropObj("examplewizard","wizardroll","padding","4px");
	setPropObj("examplewizard","wizardroll","textAlign","left");
	setPropObj("examplewizard","wizardroll","marginTop","1x");
	setPropObj("examplewizard","wizardroll","marginBottom","1px");
	setPropObj("examplewizard","wizardrollTitle","border","1px solid silver");
	setPropObj("examplewizard","wizardrollTitle","margin","0px");
	setPropObj("examplewizard","wizardrollTitle","padding","4px");
	setPropObj("examplewizard","wizardrollTitle","textAlign","center");
	setPropObj("examplewizard","wizardrollTitle","marginTop","8x");
	setPropObj("examplewizard","wizardrollTitle","marginBottom","2px");
	setPropObj("examplewizard","wizardrollHelp","border","1px solid silver");
	setPropObj("examplewizard","wizardrollHelp","margin","0px");
	setPropObj("examplewizard","wizardrollHelp","padding","4px");
	setPropObj("examplewizard","wizardrollHelp","textAlign","center");
	setPropObj("examplewizard","wizardrollHelp","marginTop","2x");
	setPropObj("examplewizard","wizardrollHelp","marginBottom","0px");
	setPropObj("examplewizard","wizardroll","fontSize","9pt");
	setPropObj("examplewizard","wizardrollTitle","fontSize","9pt");
	setPropObj("examplewizard","wizardrollHelp","fontSize","9pt");
	setPropObj("examplewizard","wizardroll","textDecoration","none");
	setPropObj("examplewizard","wizardrollTitle","textDecoration","none");
	setPropObj("examplewizard","wizardrollHelp","textDecoration","none");
	setPropObj("examplewizard","wizardroll","fontStyle","normal");
	setPropObj("examplewizard","wizardrollTitle","fontStyle","normal");
	setPropObj("examplewizard","wizardrollHelp","fontStyle","normal");
	setPropObj("examplewizard","wizardroll","fontFamily","Verdana, Arial, Helvetica, sans-serif");
	setPropObj("examplewizard","wizardrollTitle","fontFamily","Verdana, Arial, Helvetica, sans-serif");
	setPropObj("examplewizard","wizardrollHelp","fontFamily","Verdana, Arial, Helvetica, sans-serif");
	setPropObj("examplewizard","wizardroll","fontWeight","normal");
	setPropObj("examplewizard","wizardrollTitle","fontWeight","normal");
	setPropObj("examplewizard","wizardrollHelp","fontWeight","normal");
	setPropObj("examplewizard","wizardroll","backgroundColor","#DDDCCE");
	setPropObj("examplewizard","wizardrollTitle","backgroundColor","#D0D3CF");
	setPropObj("examplewizard","wizardrollHelp","backgroundColor","#CBC8C2");
	setPropObj("examplewizard","wizardroll","borderWidth",1);
	setPropObj("examplewizard","wizardrollTitle","borderWidth",1);
	setPropObj("examplewizard","wizardrollHelp","borderWidth",1);
	setPropObj("examplewizard","wizardroll","borderColor","#76717A");
	setPropObj("examplewizard","wizardrollTitle","borderColor","#76717A");
	setPropObj("examplewizard","wizardrollHelp","borderColor","#76717A");
	setPropObj("examplewizard","wizardroll","borderStyle","solid");
	setPropObj("examplewizard","wizardrollTitle","borderStyle","solid");
	setPropObj("examplewizard","wizardrollHelp","borderStyle","solid");
	setPropObj("examplewizard","wizardroll","color","#36343C");
	setPropObj("examplewizard","wizardrollTitle","color","#36343C");
	setPropObj("examplewizard","wizardrollHelp","color","#36343C");
	setPropObj("examplewizard","blocwizard","backgroundColor","#089A9A");
	setPropObj("examplewizard","drag","backgroundColor","#E9EBEB");
	document.linkColor="#FFFF00";
	document.alinkColor="#008000";
	document.vlinkColor="#FF00FF";
	//document.formulaire.uiflDisplayLink.style.visibility ="hidden";
	TabClick(0);
	return true
	}

//routines de mise en forme texte des classes CSS (objet exemple)

// routine de modification de nom de classe, pour attribution de classe spŽcifique ˆ une macro particuliere.
function setClasse(theClasses,theClass) {
		var avant = theClasses;
		var newClasses = avant.replace(/wizardroll/g, theClass);
		return newClasses
	}

function initinterfacestyle() {
	var s = document.getElementById("interfaceforme");
	s.style.visibility ="hidden";
	var s = document.getElementById("interfacetexte");
	s.style.visibility ="hidden";
	return true
	}

// routine d'affichage des elements de style selon les objets interfacetexte et interfaceforme
function interfacestyle() {
	var theObj = document.formulaire.classname.options[document.formulaire.classname.selectedIndex].value;
	if(theObj != "drag") {
		var theProp = document.formulaire.propertyname.options[document.formulaire.propertyname.selectedIndex].value;
		switch(theProp) {
 		 	case "borderColor":
				var s = document.getElementById("interfaceforme");
				s.style.visibility ="visible";
				var s = document.getElementById("interfacetexte");
				s.style.visibility ="hidden";
				break;
  			case "backgroundColor":
				var s = document.getElementById("interfaceforme");
				s.style.visibility ="hidden";
				var s = document.getElementById("interfacetexte");
				s.style.visibility ="hidden";
				break;
  			case "color":
				var s = document.getElementById("interfaceforme");
				s.style.visibility ="hidden";
				var s = document.getElementById("interfacetexte");
				s.style.visibility ="visible";
				break;
 			default:
				alert (theProp);
				break;
		}
		return true
	} else {
		var s = document.getElementById("interfaceforme");
		s.style.visibility ="hidden";
		var s = document.getElementById("interfacetexte");
		s.style.visibility ="hidden";
	}
	return true
	}

function convertCSS(theProp) {
/* il n'y a pas d'identitŽ entre les classes css et les classes javascript*/
		switch(theProp) {
 		 case "border":
			propCss="border"
			break;
  		case "margin":
			propCss="margin"
			break;
  		case "padding":
			propCss="padding"
			break;
  		case "textAlign":
			propCss="text-align"
			break;
  		case "marginTop":
			propCss="margin-top"
			break;
  		case "marginBottom":
			propCss="margin-bottom"
			break;
  		case "fontSize":
			propCss="font-size"
			break;
  		case "textDecoration":
			propCss="text-decoration"
			break;
  		case "fontStyle":
			propCss="font-style"
			break;
  		case "fontFamily":
			propCss="font-family"
			break;
  		case "fontWeight":
			propCss="font-weight"
			break;
  		case "backgroundColor":
			propCss="background-color"
			break;
  		case "borderWidth":
			propCss="border-width"
			break;
  		case "borderColor":
			propCss="border-color"
			break;
  		case "borderStyle":
			propCss="border-style"
			break;
  		case "color":
			propCss="color"
			break;
 		default:
			propCss=theProp
			break;
		}
	return propCss
	}

// si couleur( isColor=true): convertColor(theValue). Retourne en texte attribut de classe CSS (label & valeur)
function getPropObj(theObj,theProp,isColor) {
	var s = document.getElementById("examplewizard");
	var ch = (document.formulaire.children.value == "true") ? true : false;
	var selectedElements = getElementsByClassName(s, theObj, ch);
	for (var i = 0; i < selectedElements.length; i++) {
		theValue=selectedElements[i].style[theProp];
		if (isColor){
			theValue= convertColor(theValue);
			}
 		if (( ! theValue=="" ) && ( ! (typeof (theValue)==undefined) )){
			return theStyle= convertCSS(theProp)+":"+theValue+";"
			}
 		 }
	}

function makeClasseCss(theObj) {
 	var theProps ="\t"+getPropObj(theObj,"fontSize",false) +"\n"+"\t"+getPropObj(theObj,"fontStyle",false) +"\n"+"\t"+getPropObj(theObj,"margin",false) +"\n"+"\t"+getPropObj(theObj,"padding",false) +"\n"+"\t"+getPropObj(theObj,"textAlign",false) +"\n"+"\t"+getPropObj(theObj,"marginTop",false) +"\n"+"\t"+getPropObj(theObj,"marginBottom",false) +"\n"+"\t"+getPropObj(theObj,"fontWeight",false) +"\n"+"\t"+getPropObj(theObj,"textDecoration",false) +"\n"+"\t"+getPropObj(theObj,"fontFamily",false) +"\n"+"\t"+getPropObj(theObj,"backgroundColor",true) +"\n"+"\t"+getPropObj(theObj,"borderWidth",false) +"\n"+"\t"+getPropObj(theObj,"borderColor",true)+"\n"+"\t"+getPropObj(theObj,"borderStyle",false)+"\n"+"\t"+getPropObj(theObj,"color",true);
	var theClasse = "."+theObj + " {"+"\n" + theProps+"\n"+"\t"+"}";
	return theClasse
	}


function getPropsObjs() {
	var theClassesPrefixe = document.formulaire.uiclass.value;
	var theClassesStandards = document.formulaire.uiclasseshidden.value;
 	var theClasses =makeClasseCss ("wizardroll") +"\n"+makeClasseCss ("wizardrollTitle")+"\n"+makeClasseCss ("wizardrollHelp");
	var theNewClasses=theClasses+"\r"+theClassesStandards;
	var theFinalClasses=setClasse(theNewClasses,theClassesPrefixe);
	return theFinalClasses
	}

//routine de mise en forme des classes textes de balise HEAD
function makecss(){
		var theText= getPropsObjs();
		document.formulaire.styleWizard.value=theText;
		return true
	}
//fin de routine de mise en forme texte des classes CSS (objet exemple)

//routines d'affectation de valeurs de classes specifiques CSS (objet exemple)

//standard theID: "examplewizard"
function setTextProp(theID,theProp,theValue) {
	var s = document.getElementById(theID);
	var cn = document.formulaire.classname.value;
	var ch = (document.formulaire.children.value == "true") ? true : false;
	var selectedElements = getElementsByClassName(s, cn, ch);
	for (var i = 0; i < selectedElements.length; i++) {
		selectedElements[i].style[theProp]= theValue;
		}
	}

function setFontSize(theValue) {
	setTextProp("examplewizard","fontSize",theValue);
	return makecss()
	}

function setBorderSize(theValue) {
	setTextProp("examplewizard","borderWidth",theValue);
	return makecss()
	}

function setBorderStyle() {
	var theValue = document.formulaire.theBorderStyle.options[document.formulaire.theBorderStyle.selectedIndex].value;
	setTextProp("examplewizard","borderStyle",theValue);
	return makecss()
	}

function setStyleBold(valeurBool) {
	var theValue = (valeurBool) ? "bold": "normal";
	setTextProp("examplewizard","fontWeight",theValue);
	return makecss()
	}

function setStyleItalic(valeurBool) {
	var theValue = (valeurBool) ? "italic": "normal";
	setTextProp("examplewizard","fontStyle",theValue);
	return makecss()
	}

function setStyleDecoration(valeurBool) {
	var theValue = (valeurBool) ? "underline": "none";
	setTextProp("examplewizard","textDecoration",theValue);
	return makecss()
	}

function setFontFamily() {
	var theValue = document.formulaire.theFonts.options[document.formulaire.theFonts.selectedIndex].value;
	if (theValue=="other"){
	var theWindow= window.open('http://radio.weblogs.com/0100306/gems/wizard/addFont.html','','toolbar=no,statusbar=no,width=300,height=40');
	theWindow.focus();
	}else {
		setTextProp("examplewizard","fontFamily",theValue);
		return makecss()
	}
}

//fin de routines d'affectation de valeurs de classes specifiques CSS (objet exemple)

function updatecss(whichcontent){
	if (document.all){
		document.all["styleWizard"].innerHTML='<p>'+whichcontent+'</p>';
		}
	else if (document.getElementById) {
		document.getElementById("styleWizard").innerHTML ='<p>'+ whichcontent+'</p>';
		}
	}

//routine de mise en forme de classe CSS (objet exemple)

// onglet 2
function isSizeNumber(valeur){
	if (isNaN(valeur)){
		alert("Veuillez saisir un nombre !");
		document.formulaire.theSize.value=9;
		document.formulaire.theSize.focus()
		}
	lataille=valeur+"pt";
	setFontSize(lataille);
	returninstruction();
	return true
	}

// onglet 2
function isBorderNumber(valeur){
	if (isNaN(valeur)){
		alert("Veuillez saisir un nombre !");
		document.formulaire.theBorder.value=1;
		return document.formulaire.theBorder.focus();
			}
	lataille=valeur;
	setBorderSize(lataille);
	returninstruction();
	return true
	}

//routine de nom de classe CSS onglet 4
function getClasse(valeur,defautValeur){
	var cl = valeur;
	if(! cl){
		document.formulaire.uiclass.value = defautValeur;
		document.formulaire.uiclass.focus()
       	   }
		makecss();
		returninstruction();
	}

//mises ˆ jour des donnŽes de champs et boutons de FORM HTML: sŽrie Show[...]

// si couleur: convertColor(theValue). ne retourne que la valeur
function getPropObjValue(theID,theObj,theProp,isColor) {
	var s = document.getElementById(theID);
	var ch = (document.formulaire.children.value == "true") ? true : false;
	var selectedElements = getElementsByClassName(s, theObj, ch);
	for (var i = 0; i < selectedElements.length; i++) {
		theValue=selectedElements[i].style[theProp];
		if (isColor){ theValue= convertColor(theValue);}
 		return theValue;
 		 }
	}

function ReplaceDimFontSize(theText){
	var r, re;
	re = /pt/g;
	r = theText.replace(re,"");
	return(r);
	}

function ReplaceDimBorderSize(theText){
	var r, re;
	re = /px/g;
	r = theText.replace(re,"");
	return(r);
	}

// onglet 2
function showColorObj(theObj){
	var theProp = document.formulaire.propertyname.options[document.formulaire.propertyname.selectedIndex].value;
	theValue= getPropObjValue("examplewizard",theObj,theProp,true);
	document.formulaire.fieldcolor.value=theValue;
	document.formulaire.colorBtn.style.backgroundColor=theValue;
	return true
	}


// onglet 2
function showStyleTextAlign(theObj) {
	theValue= getPropObjValue("examplewizard",theObj,"textAlign",false);
	var theLeft = document.getElementById("radioJustificationleft");
	var theCenter = document.getElementById("radioJustificationcenter");
	var theRight = document.getElementById("radioJustificationright");
	 switch(theValue) {
 		case "left":
			theLeft.style.backgroundColor ='#FFCC66';
			theCenter.style.backgroundColor ='#FFFFFF';
			theRight.style.backgroundColor ='#FFFFFF';
			break;
  		case "center":
			theCenter.style.backgroundColor ='#FFCC66';
			theLeft.style.backgroundColor ='#FFFFFF';
			theRight.style.backgroundColor ='#FFFFFF';
			break;
  		case "right":
			theRight.style.backgroundColor ='#FFCC66';
			theCenter.style.backgroundColor ='#FFFFFF';
			theRight.style.backgroundColor ='#FFFFFF';
			break;
 		default:
			alert (theValue);
			break;
		}
	return true
}


function showStyleItalic(theObj) {
	var s = document.getElementById("checkstyleitalic");
	theValue= getPropObjValue("examplewizard",theObj,"fontStyle",false);
	var theColor = (theValue == "normal") ? '#FFFFFF': '#FFCC66';
	s.style.backgroundColor = theColor;
	return true
}

function showStyleDecoration(theObj) {
	var s = document.getElementById("checkstyleunderline");
	theValue= getPropObjValue("examplewizard",theObj,"textDecoration",false);
	var theColor = (theValue == "underline") ? '#FFCC66': '#FFFFFF';
	s.style.backgroundColor = theColor;
	return true
}

function showStyleBold(theObj) {
	var s = document.getElementById("checkstylebold");
	theValue= getPropObjValue("examplewizard",theObj,"fontWeight",false);
	var theColor = (theValue == "bold")  ? '#FFCC66': '#FFFFFF';
	s.style.backgroundColor = theColor;
	return true
}

function showBorderSize(theObj) {
	theValue=getPropObjValue("examplewizard",theObj,"borderWidth",false);
	theValue= ReplaceDimBorderSize(theValue);
 	var theBorder = theValue.split(" "); 
	document.formulaire.theBorder.value=theBorder[0];
	return true
}

function showFontSize(theObj) {
	theValue=getPropObjValue("examplewizard",theObj,"fontSize",false);
	theValue=ReplaceDimFontSize(theValue);
	document.formulaire.theSize.value=theValue;
	return true
}

function showBorderStyle(theObj) {
	theValue=getPropObjValue("examplewizard",theObj,"borderStyle",false);
	for (i=0; i < document.formulaire.theBorderStyle.length; i++)  {
  		  if(document.formulaire.theBorderStyle[i].value==theValue){
      		  document.formulaire.theBorderStyle[i].selected=true;
       		 }
	}
	return true
}

function showFontStyle(theObj) {
	theValue=getPropObjValue("examplewizard",theObj,"fontFamily",false);
	for (i=0; i < document.formulaire.theFonts.length; i++)  {
  		  if(document.formulaire.theFonts[i].value==theValue){
      		  document.formulaire.theFonts[i].selected=true;
       		 }
	}
	return true
}

function showClasseCss() {
	var theObj = document.formulaire.classname.options[document.formulaire.classname.selectedIndex].value;
	if(theObj != "drag") {
		document.formulaire.propertyname.style.visibility ="visible";
		showFontSize(theObj);
		showBorderSize(theObj);
		showColorObj(theObj);
		showBorderStyle(theObj);
		showFontStyle(theObj);
		showStyleBold(theObj);
		showStyleDecoration(theObj);
		showStyleItalic(theObj);
		showStyleTextAlign(theObj);
	} else {
		document.formulaire.propertyname.style.visibility ="hidden";
		var s = document.getElementById("blocwizard");
		theValue= s.style.backgroundColor;
		document.formulaire.colorBtn.style.backgroundColor=theValue;
		theColor=convertColor(theValue);
		document.formulaire.fieldcolor.value=theColor;
	}
	return true
}

//fin de mises ˆ jour des donnŽes de champs et boutons de FORM DHTML: sŽrie Show[...]