// Développé par Double Slash Studio
// Programmeur : Bruno

var i = 0;
var p = 0;
var z = 0;
function majetape1(){
if(document.getElementById && document.form1.type.value == "ff_ct"){
	document.getElementById("etape2").innerHTML	= '<table width="400" border="0" cellspacing="0" cellpadding="0">'+
'    <tr><td colspan="2"><hr align="center" width="100%" noshade color="#669900" size="1"></td></tr><tr>'+
'      <td class="textevert" width=240>Question : </td>'+
'      <td width=160><input type="text" name="question" class="textevert"></td>'+
'    </tr><tr>'+
'      <td class="textevert" width=240>Réponse de base </td>'+
'      <td width=160><input type="text" name="reponse" class="textevert"></td>'+
'    </tr><tr>'+
'      <td class="textevert" width=240>Taille maximale : </td>'+
'      <td width=160><input type="text" name="taille_mx" size="5" maxlength="4" class="textevert"></td>'+
'    </tr>'+
'	 <tr>'+
'		<td class="textevert" width=240>champ obligatoire : </td>'+
'       <td width=160 class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'  </table>';
	document.form1.etape.value = 2;
	}
else if(document.getElementById && document.form1.type.value == "ff_txt"){
document.getElementById("etape2").innerHTML	= '<table width="100%" border="0" cellspacing="0" cellpadding="0">'+
'    <tr><td colspan="2"><hr align="center" width="100%" noshade color="#669900" size="1"></td></tr><tr>'+
'    <td class="textevert" width=240>Question :</td>'+
'    <td width=160><input name="question" type="text" class="textevert"></td>'+
'  </tr>'+
'  <tr>'+
'    <td class="textevert">Réponse de base :</td>'+
'    <td><input name="reponse" type="text" class="textevert"></td>'+
'  </tr>'+
'  <tr> '+
'    <td colspan="2" valign="top" class="textevert">Dimension :</td>'+
'  </tr>'+
'  <tr> '+
'    <td align="right" valign="top" class="textevert"> '+
'      <input name="taille_cl" type="text" class="textevert"> '+
'      <br>'+
'      <img src="images/crea_ff_txt.jpg" width="160" height="100"> </td>'+
'    <td valign="middle">'+
'		<br><input name="taille_lg" type="text" class="textevert"></td>'+
'  </tr>'+ 
'	</table>'+
'	<table>'+
'  <tr>'+
'    <td class="textevert">Options :</td>'+
'    <td class="textevert"><input type="checkbox" name="opt_rtlign" value="o">Retour à la ligne :</td>'+
'  </tr>'+
'  <tr>'+
'    <td>&nbsp;</td>'+
'    <td class="textevert"><input type="checkbox" name="read_only" value="o">Lecture seulement (non recommandé)</td>'+
'  </tr>'+
'	 <tr>'+
'		<td class="textevert">champ obligatoire : </td>'+
'       <td class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'	</table>';}
else if(document.getElementById && document.form1.type.value == "ff_mail"){
	document.getElementById("etape2").innerHTML	= '<table width="400" border="0" cellspacing="0" cellpadding="0">'+
'    <tr><td colspan="2"><hr align="center" width="100%" noshade color="#669900" size="1"></td></tr><tr>'+
'      <td class="textevert" width=240>Question : </td>'+
'      <td width=160><input type="text" name="question" class="textevert"></td>'+
'    </tr>'+ 
'	 <tr>'+
'		<td class="textevert">champ obligatoire : </td>'+
'       <td class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'  </table>';
	document.form1.etape.value = 2;
	}
else if(document.getElementById && document.form1.type.value == "ff_sel"){
document.getElementById("etape2").innerHTML	= '<table width="400" border="0" cellspacing="0" cellpadding="0">'+
'  <tr> '+
'    <td class="textevert">Question :</td>'+
'    <td class="textevert"><input name="question" type="text" class="textevert" id="question"></td>'+
'  </tr>'+
'  <tr> '+
'    <td valign="top" class="textevert">Options :</td>'+
'    <td class="textevert"><p> '+
'        <input name="sel_type" type="radio" value="n" checked>'+
'        Liste défilante<br>'+
'        <input type="radio" name="sel_type" value="o">'+
'        Menu de selection</p>'+
'      <p> '+
'        <input type="checkbox" name="sel_mult" value="o">'+
'        Selection multiple</p>'+
'      <p> '+
'        <input name="taille_lg" type="text" class="textevert" size="3" maxlength="2">'+
'        Taille (Menu seulement)</p></td>'+
'  </tr>'+ 
'	 <tr>'+
'		<td class="textevert">champ obligatoire : </td>'+
'       <td class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'<tr><td colspan="2">'+
'<hr align="center" width="400" noshade color="#669900" size="3">'+
'<p id="option"><input type="button" name="addmoreplus" value="Ajouter un champs" onclick="addmoreplusencorebis()"><br></p></td></tr>'+

' </table>';
addmoreplusencorebis();}

else if(document.getElementById && document.form1.type.value == "ff_rd"){
document.getElementById("etape2").innerHTML	= '<table width="400" border="0" cellspacing="0" cellpadding="0">'+
'  <tr> '+
'    <td class="textevert">Question :</td>'+
'    <td class="textevert"><input name="question" type="text" class="textevert" id="question"></td>'+
'  </tr>'+
'  <tr> '+
'    <td  class="textevert">Type :</td>'+
'    <td class="textevert"><input name="sel_type" type="radio" value="checkbox" onclick="javascript:changementdetype(\'checkbox\');" checked>'+
'      case à cocher</td>'+
'  </tr>'+
'  <tr>'+ 
'  		<td></td>'+
'  		<td class="textevert"><input type="radio" name="sel_type" value="radio" onclick="javascript:changementdetype(\'radio\');">'+
'      radio</td>'+
'	</tr>'+
'	 <tr>'+
'		<td class="textevert">champ obligatoire : </td>'+
'       <td class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'  <tr> '+
'    <td></td><td><p id="option"><input type="button" name="addmoreplus" value="Ajouter un champs" onclick="addmoreplusencore(\'checkbox\')"><br></p></td>'+
'  </tr>'+ 
'</table>';
addmoreplusencore('checkbox');
addmoreplusencore('checkbox');}
else if(document.getElementById && document.form1.type.value == "ff_post") {
document.getElementById("etape2").innerHTML	= '<table cellSpacing="0" cellPadding="0" width="400" border="0">'+
'  <tr> '+
'    <td colSpan="2"> <hr align="center" width="100%" color="#669900" noShade SIZE="1"></td>'+
'  </tr>'+
'  <tr> '+
'    <td class="textevert" width="240">Question : </td>'+
'    <td width="240"><input class="textevert" name="question" size="20"></td>'+
'  </tr>'+ 
'	 <tr>'+
'		<td class="textevert">champ obligatoire : </td>'+
'       <td class="textevert"><input type="radio" name="obligatoire" value="o">&nbsp;oui&nbsp;&nbsp;<input type="radio" name="obligatoire" value="" checked>&nbsp;non</td>'+
'	 </tr>'+
'  <tr> '+
'    <td colspan="2" class="textevert"><b>Attention</b> : Pour les fichiers joints, il '+
'      vous faut prévoir que les fichiers suppérieurs à 2Mo '+
'      ne sont pas recommandés. Si le total des fichiers joints de vos clients '+
'      excèdent 7Mo, il se peut qu\'ils obtiennent un message d\'erreur. Ce '+
'      message signifie que le formulaire n\'a pas pu être envoyer.</td>'+
'  </tr>'+
'</table>';
}
else if(document.getElementById && document.form1.type.value == "nosel"){ 
	document.form1.etape.value = 1;
	}
}

function addmoreplusencore(type) {
document.getElementById("option").innerHTML	= document.getElementById("option").innerHTML +
'<input type="'+ type +'" name="justeunclique" value="o" id="'+p+'">'+
'<input type="text" name="txt_sel'+p+'" value="">'+
'<br>';
p = (p + 1);
}

function addmoreplusencorebis() {
document.getElementById("option").innerHTML	= document.getElementById("option").innerHTML + '<input type="text" name="txt_sel'+z+'">'+
'<br>';
z = (z + 1);
}

function changementdetype(type) {
if(type == "radio") pastype	=	"checkbox";
else				pastype	=	"radio";

txtbase	=	document.getElementById("option").innerHTML;
txtmod	=	"";
txttail	=	txtbase;
for(var k = 0; k < txttail.length;k++)
{
	if(txttail.substring(k,k+1) == pastype.substring(0,1) && (txttail.substring(k,k+8) == "checkbox" || txttail.substring(k,k+5) == "radio"))
	{
	if(type	==	"radio" && txttail.substring(k,k+8) == "checkbox")
		{
		txtmod += "radio";
		k	=	(k+7);
		}
	else if(type	==	"checkbox" && txttail.substring(k,k+5) == "radio")
		{
		txtmod += "checkbox";
		k	=	(k+4);
		}
	}
	else txtmod	+=	txttail.substring(k,k+1);
}
document.getElementById("option").innerHTML = txtmod;
}

function validation() {
document.form1.condenseurdedonnees.value = "";
if(document.form1.type.value != 'ff_rd')
document.form1.submit();
else{
for(x=0;x<p;x++) {
var val = x;
if(document.form1.justeunclique[val].checked==0)
		document.form1.condenseurdedonnees.value += "n";
else 	document.form1.condenseurdedonnees.value += "o";
	}	document.form1.submit();
	}
}