var xhr_object = null;
var cpt_prevu = 0;
var reload_contenu = false;
var valide_panneau = false;
var aide_etape = "etape_1";
var aide_famille = "";
var type_chaine='alphanum';
var nbCarac = 12;


var cssInactif = "background: url(../images/configurateur/non_actif.png) no-repeat top left;	height: 51px;	line-height: 51px;	width: 51px;	text-align: center;	font-size: 15px;	color: #fff;	display: block;	margin-left: 11px;	float: left;	font-size: 15px;	font-weight: bold;	cursor : pointer;";
var cssActif = "background: url(../images/configurateur/actif.png) no-repeat top left;	height: 51px;	line-height: 51px;	width: 51px;	text-align: center;	font-size: 15px;	color: #fff;	display: block;	margin-left: 11px;	float: left;	font-size: 15px;	font-weight: bold;	cursor : pointer;";


/**
	fonction d'initialisation de l'objet @xhr_object
*/
function initXhr(){
	if(window.XMLHttpRequest){// Firefox seulement
		xhr_object = new XMLHttpRequest();
	}
	else if(window.ActiveXObject){// microsoft IE
	xhr_object = new ActiveXObject('Microsoft.XMLHTTP');
	}
	else{ // XMLHttpRequest non supporté par le navigateur
		   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	}
}




/**
	Met en session les parametre de personalisation
*/
function showAide(){
	if(document.getElementById('aideConseil').style.display=='block'){
		document.getElementById('aideConseil').style.display='none';
		if(navigator.appVersion != "4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727; InfoPath.2)") document.getElementById('aideConseil2').style.display='none';
	}else{
	
		if(aide_etape != "etape_2" && aide_etape != "etape_3"){
			document.getElementById('aide_etape_1').style.display = "none";
			document.getElementById('aide_etape_2').style.display = "none";
			document.getElementById('aide_etape_3').style.display = "none";
			document.getElementById('aide_etape_4').style.display = "none";
			
			document.getElementById('aide_'+aide_etape).style.display = "block";
		}else{
			document.getElementById('aide_etape_1').style.display = "none";
			document.getElementById('aide_etape_2').style.display = "none";
			document.getElementById('aide_etape_3').style.display = "none";
			document.getElementById('aide_etape_4').style.display = "none";
			
			
			document.getElementById('aide_contenu_rue_etape_2').style.display = "none";
			document.getElementById('aide_contenu_secu_etape_2').style.display = "none";
			document.getElementById('aide_contenu_dir_etape_2').style.display = "none";
			
			
			document.getElementById('aide_contenu_rue_etape_3').style.display = "none";
			document.getElementById('aide_contenu_secu_etape_3').style.display = "none";
			document.getElementById('aide_contenu_dir_etape_3').style.display = "none";
			
			
			document.getElementById('aide_contenu_'+aide_famille+'_'+aide_etape).style.display = "block";
			document.getElementById('aide_'+aide_etape).style.display = "block";
			
		}
		
		/** On affiche la div **/
		document.getElementById('aideConseil').style.display='block';
		if(navigator.appVersion != "4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727; InfoPath.2)") document.getElementById('aideConseil2').style.display='block';
	}
}


/**
	Met en session les parametre de personalisation
*/
function SetSession(session_name, session_value){
	initXhr();
	xhr_object.onreadystatechange = function(){
		if(xhr_object.readyState == 4){
			if(xhr_object.status == 200) {
				if(xhr_object.responseText.split("|_|")[0]){
					document.getElementById('submit').style.display = 'block';
				}else{
					document.getElementById('submit').style.display = 'none';
				}
				if(document.getElementById('imgPrevisu')) document.getElementById('imgPrevisu').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				if(document.getElementById('imgPrevisu2')) document.getElementById('imgPrevisu2').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				if( session_name == "famille"){
					switch(session_value){
						case '1' : 
							aide_famille = "rue";
							
							break;
						case '2' : 
							aide_famille = "secu";
							
							break;
						case '3' : 
							aide_famille = "dir";
							
							break;
							
					}
					show_etape("seconde_etape");
				}else if( session_name == "type" || xhr_object.responseText.split("|_|")[1]){
					show_etape("troiseme_etape");
				}else if( session_name == "valide_panneau"){
					valide_panneau = session_value;
					if(valide_panneau) show_etape("quatrieme_etape");
				}else{
					GetRecap();
				}
				
				
				cpt_prevu++;
				return true;
			}
		}
	}
	xhr_object.open("GET","./include/signaclic_dev/setSessionPerso.php?session_name="+session_name+"&session_value="+session_value+"",true); //synchrone
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-15");
	xhr_object.setRequestHeader("CharSet", "iso-8859-15");
	xhr_object.send(null);
}


/**
	Met en session les parametre de personalisation
*/
function GetContenu(etape, fichier){
	initXhr();
	if(document.getElementById('imgPrevisu')) document.getElementById('imgPrevisu').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
	if(document.getElementById('imgPrevisu2')) document.getElementById('imgPrevisu2').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
	cpt_prevu++;
	xhr_object.onreadystatechange = function(){
		if(xhr_object.readyState == 4){
			if(xhr_object.status == 200) {
				if(document.getElementById('imgPrevisu')) document.getElementById('imgPrevisu').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				if(document.getElementById('imgPrevisu2')) document.getElementById('imgPrevisu2').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				if(document.getElementById(etape)) document.getElementById(etape).innerHTML = xhr_object.responseText.split("||__--__||")[0];
				if(document.getElementById("intitule_"+etape)) document.getElementById("intitule_"+etape).innerHTML = xhr_object.responseText.split("||__--__||")[1];
				
				
				
				
				
				if(etape == "etape1"){
					// GetRecap();
					id="premiere_etape";
				}
				if(etape == "etape2"){
					// GetRecap();
					id="seconde_etape";
				}
				if(etape == "etape3"){
					GetRecap();
					id="troiseme_etape";
					
				}
				if(etape == "etape4"){
					// GetRecap();
					id="quatrieme_etape";
				}
				
				
				if(document.getElementById(id))	document.getElementById(id).style.display 					= 	'block';
				
				
				return true;
			}
		}
	}
	xhr_object.open("GET","./include/signaclic_dev/"+fichier+"",true); //synchrone
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-15");
	xhr_object.setRequestHeader("CharSet", "iso-8859-15");
	xhr_object.send(null);
}



/**
	Met en session les parametre de personalisation
*/
function GetRecap(){
	initXhr();
	if(document.getElementById('imgPrevisu')) document.getElementById('imgPrevisu').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
	if(document.getElementById('imgPrevisu2')) document.getElementById('imgPrevisu2').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
	cpt_prevu++;
	xhr_object.onreadystatechange = function(){
		if(xhr_object.readyState == 4){
			if(xhr_object.status == 200) {
				
				
				 document.getElementById("recapJS").innerHTML = xhr_object.responseText;
				 document.getElementById("intitule_troiseme_etape").innerHTML = document.getElementById("reminder_type").innerHTML;
				
				return true;
			}
		}
	}
	xhr_object.open("GET","./include/signaclic_dev/miniRecap.php",true); //synchrone
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-15");
	xhr_object.setRequestHeader("CharSet", "iso-8859-15");
	xhr_object.send(null);
}

function reload_with_format(id_format){
	initXhr();
	xhr_object.onreadystatechange = function(){
		if(xhr_object.readyState == 4){
			if(xhr_object.status == 200) {
				show_etape("troiseme_etape");
				cpt_prevu++;
				if(document.getElementById('imgPrevisu')) document.getElementById('imgPrevisu').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				if(document.getElementById('imgPrevisu2')) document.getElementById('imgPrevisu2').src = "include/signaclic_dev/image.php?cpt="+cpt_prevu;
				
				return true;
			}
		}
	}
	xhr_object.open("GET","./include/signaclic_dev/setSessionPerso.php?session_name=format&session_value="+id_format+"",true); //synchrone
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-15");
	xhr_object.setRequestHeader("CharSet", "iso-8859-15");
	xhr_object.send(null);
}
function show_etape(id){
	
	
	switch(id){
		case "premiere_etape" :
			aide_etape = "etape_1";
		break;
		case "seconde_etape" :
			aide_etape = "etape_2";
			GetContenu("etape2", "getType.php");
		break;
		case "troiseme_etape" :
			aide_etape = "etape_3";
			GetContenu("etape3", "getGroupeOption.php");
		break;
		case "quatrieme_etape" :
			aide_etape = "etape_4";
			cpt_prevu++;
			GetContenu("etape4", "getRecap.php?cpt="+cpt_prevu);
		break;
	}	
	if(document.getElementById('premiere_etape'))			document.getElementById('premiere_etape').style.display 	= 	'none';
	if(document.getElementById('seconde_etape'))			document.getElementById('seconde_etape').style.display  	= 	'none';
	if(document.getElementById('troiseme_etape'))			document.getElementById('troiseme_etape').style.display 	= 	'none';
	if(document.getElementById('quatrieme_etape'))			document.getElementById('quatrieme_etape').style.display 	= 	'none';
	// if(document.getElementById(id))	document.getElementById(id).style.display 					= 	'block';
	if(id == 'premiere_etape'){
		if(document.getElementById(id))	document.getElementById(id).style.display 					= 	'block';
	}
	
	// if(document.getElementById('numero_1')) document.getElementById('numero_1').className='';
	if(document.getElementById('numero_1'))	document.getElementById('numero_1').setAttribute("className","");
	if(document.getElementById('numero_1'))	document.getElementById('numero_1').setAttribute("class","");
	// if(document.getElementById('numero_2')) document.getElementById('numero_2').className='';
	if(document.getElementById('numero_2'))	document.getElementById('numero_2').setAttribute("className","");
	if(document.getElementById('numero_2'))	document.getElementById('numero_2').setAttribute("class","");
	// if(document.getElementById('numero_3')) document.getElementById('numero_3').className='';
	if(document.getElementById('numero_3'))	document.getElementById('numero_3').setAttribute("className","");
	if(document.getElementById('numero_3'))	document.getElementById('numero_3').setAttribute("class","");
	// if(document.getElementById('numero_4')) document.getElementById('numero_4').className='';
	if(document.getElementById('numero_4'))	document.getElementById('numero_4').setAttribute("className","");
	if(document.getElementById('numero_4'))	document.getElementById('numero_4').setAttribute("class","");
	
	// if(document.all){
		document.getElementById('numero_1').style.display = 'block';
		document.getElementById('numero_2').style.display = 'block';
		document.getElementById('numero_3').style.display = 'block';
		document.getElementById('numero_4').style.display = 'block';
		document.getElementById('numero_1_actif').style.display = 'none';
		document.getElementById('numero_2_actif').style.display = 'none';
		document.getElementById('numero_3_actif').style.display = 'none';
		document.getElementById('numero_4_actif').style.display = 'none';
	// }
	switch(id){
		case "premiere_etape" :
		if(document.getElementById('numero_1'))	document.getElementById('numero_1').setAttribute("className","actif");
		if(document.getElementById('numero_1'))	document.getElementById('numero_1').setAttribute("class","actif");
		document.getElementById('numero_1').style.display = 'none';
		document.getElementById('numero_1_actif').style.display = 'block';
			// if(document.getElementById('numero_1')) document.getElementById('numero_1').className='actif';
		break;
		case "seconde_etape" :
		if(document.getElementById('numero_2'))	document.getElementById('numero_2').setAttribute("className","actif");
		if(document.getElementById('numero_2'))	document.getElementById('numero_2').setAttribute("class","actif");
		document.getElementById('numero_1').style.display = 'none';
		document.getElementById('numero_1_actif').style.display = 'block';
		document.getElementById('numero_2').style.display = 'none';
		document.getElementById('numero_2_actif').style.display = 'block';
		break;
		case "troiseme_etape" :
		// if(document.getElementById('numero_3'))	document.getElementById('numero_3').className='actif';

		if(document.getElementById('numero_3'))	document.getElementById('numero_3').setAttribute("className","actif");
		if(document.getElementById('numero_3'))	document.getElementById('numero_3').setAttribute("class","actif");
		document.getElementById('numero_1').style.display = 'none';
		document.getElementById('numero_1_actif').style.display = 'block';
		document.getElementById('numero_2').style.display = 'none';
		document.getElementById('numero_2_actif').style.display = 'block';
		document.getElementById('numero_3').style.display = 'none';
		document.getElementById('numero_3_actif').style.display = 'block';
		break;
		case "quatrieme_etape" :
		// if(document.getElementById('numero_4'))	document.getElementById('numero_4').className='actif';
		if(document.getElementById('numero_4'))	document.getElementById('numero_4').setAttribute("className","actif");
		if(document.getElementById('numero_4'))	document.getElementById('numero_4').setAttribute("class","actif");
		document.getElementById('numero_1').style.display = 'none';
		document.getElementById('numero_1_actif').style.display = 'block';
		document.getElementById('numero_2').style.display = 'none';
		document.getElementById('numero_2_actif').style.display = 'block';
		document.getElementById('numero_3').style.display = 'none';
		document.getElementById('numero_3_actif').style.display = 'block';
		document.getElementById('numero_4').style.display = 'none';
		document.getElementById('numero_4_actif').style.display = 'block';
		break;
	}
}
function switchClicked(etape, id){
	var tabDiv = document.getElementById(etape).getElementsByTagName('div');
	for(i=0; i<tabDiv.length; i++){
		document.getElementById(etape).getElementsByTagName('div')[i].style.backgroundColor ='#CDCED0';
		document.getElementById(etape).getElementsByTagName('div')[i].style.color ='#000000';
	}
	document.getElementById(id).style.backgroundColor ='#EA640F';
	document.getElementById(id).style.color ='#ffffff';
}

function replaceToNumber(chaine){
	var NonAccepte = "azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN?,;/:§!%ùµ*¨^£$&é'(-è_çà)="+'"';
	var i = 0;
	while(i < chaine.length){
		if(NonAccepte.indexOf(chaine.charAt(i)) != -1){
			chaine=chaine.substring(0,(i))+""+chaine.substring(i+1,chaine.length);
		}
		i++;
	}
	return chaine;
}

function replaceToString(chaine){
	var NonAccepte = "0123456789.";
	var i = 0;
	while(i < chaine.length){
		if(NonAccepte.indexOf(chaine.charAt(i)) != -1){
			chaine=chaine.substring(0,i)+""+chaine.substring(i+1,chaine.length);
		}
		i++;
	}
	// alert(chaine)
	return chaine;
}

function limiteChaine(Chaine, nbCarac, type_chaine){
	if(type_chaine == 'alpha'){
		Chaine = replaceToString(Chaine);
	}else if(type_chaine == 'num'){
		Chaine = replaceToNumber(Chaine);
	}
	return (Chaine.substr(0, nbCarac));
}