// JavaScript Document

var xhr = null;
 
// Fonction de creation de l'objet XMLHttpRequest qui resservira pour chaques fonctions AJAX
function getXhr()
 {
  if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); 
  else if(window.ActiveXObject)
   {  
    try
     {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch (e)
     {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }
   }
  else 
   { 
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour"); 
    xhr = false; 
   } 
 }

function verifnserie()
 {
  getXhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
      // On affiche dans le textarea affiche le retour de traitement.php
						cont = xhr.responseText;
						function extractBetween(left,right,string){
 var arr = string.split(left);
 if(arr.length>1)
   arr = arr[1].split(right);
 return arr[0];
}
var res = extractBetween('<body>','</body>',cont);

      document.getElementById('affiche').value = res;
     }
   }
  // On envoie la requete a "traitement.php"
  xhr.open("POST",'traitement.php',true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

		
//	FOND DE PAGE
  fond_couleur = document.getElementById('fond_couleur').value;
		img1 = document.getElementById('img1').value;
		repete = document.getElementById('repete').value;
		
		var demo = document.getElementById("demo");
		var posi = demo.contentWindow.document.getElementById("body").style.backgroundPosition;
		
		var type = demo.contentWindow.document.getElementById("body").style.backgroundAttachment;
		
// TABLEAUX
		var table_color = document.getElementById('fond_couleur_tab').value;
		
		var largeur_bordure_tab = demo.contentWindow.document.getElementById("tableProfil").style.borderWidth;
		
		var bordure_color = document.getElementById('bordure_color').value;
		
		var style_bordure = document.getElementById('bordure_style').value;
		
		var tab_img = demo.contentWindow.document.getElementById("tableProfil").style.backgroundImage;
		tab_img = tab_img.replace(/\"/g,"");
		
// TEXTE
// ligne1
		var police1 = document.getElementById("police1").value;
		
		var taille1 = document.getElementById("taille1").value;
		
		var text_couleur1 = document.getElementById("text_couleur1").value;
		
		var text_couleur11 = document.getElementById("text_couleur11").value;
		
		var espacement1 = document.getElementById("espacement1").value;
		
		var alignement1 = document.getElementById("alignement1").value;
		
		var gras1 = demo.contentWindow.document.getElementById("nametext").style.fontWeight;
		
		var italique1 = demo.contentWindow.document.getElementById("nametext").style.fontStyle;
		
		var souligne1 = demo.contentWindow.document.getElementById("nametext").style.textDecoration;
		
//ligne2
		var police2 = document.getElementById("police2").value;
		
		var taille2 = document.getElementById("taille2").value;
		
		var text_couleur2 = document.getElementById("text_couleur2").value;
		
		var text_couleur22 = document.getElementById("text_couleur22").value;
		
		var espacement2 = document.getElementById("espacement2").value;
		
		var alignement2 = document.getElementById("alignement2").value;
		
		var gras2 = demo.contentWindow.document.getElementById("whitetext12titre1").style.fontWeight;
		
		var italique2 = demo.contentWindow.document.getElementById("whitetext12titre1").style.fontStyle;
		
		var souligne2 = demo.contentWindow.document.getElementById("whitetext12titre1").style.textDecoration;
		
//ligne3
		var police3 = document.getElementById("police3").value;
		
		var taille3 = document.getElementById("taille3").value;
		
		var text_couleur3 = document.getElementById("text_couleur3").value;
		
		var text_couleur33 = document.getElementById("text_couleur33").value;
		
		var espacement3 = document.getElementById("espacement3").value;
		
		var alignement3 = document.getElementById("alignement3").value;
		
		var gras3 = demo.contentWindow.document.getElementById("btext").style.fontWeight;
		
		var italique3 = demo.contentWindow.document.getElementById("btext").style.fontStyle;
		
		var souligne3 = demo.contentWindow.document.getElementById("btext").style.textDecoration;
		
//ligne4
		var police4 = document.getElementById("police4").value;
		
		var taille4 = document.getElementById("taille4").value;
		
		var text_couleur4 = document.getElementById("text_couleur4").value;
		
		var text_couleur44 = document.getElementById("text_couleur44").value;
		
		var espacement4 = document.getElementById("espacement4").value;
		
		var alignement4 = document.getElementById("alignement4").value;
		
		var gras4 = demo.contentWindow.document.getElementById("lightbluetext8stitre1").style.fontWeight;
		
		var italique4 = demo.contentWindow.document.getElementById("lightbluetext8stitre1").style.fontStyle;
		
		var souligne4 = demo.contentWindow.document.getElementById("lightbluetext8stitre1").style.textDecoration;
		
//ligne5
		var police5 = document.getElementById("police5").value;
		
		var taille5 = document.getElementById("taille5").value;
		
		var text_couleur5 = document.getElementById("text_couleur5").value;
		
		var espacement5 = document.getElementById("espacement5").value;
		
		var gras5 = demo.contentWindow.document.getElementById("text1").style.fontWeight;
		
		var italique5 = demo.contentWindow.document.getElementById("text1").style.fontStyle;
		
		var souligne5 = demo.contentWindow.document.getElementById("text1").style.textDecoration;
		
//ligne6
		var police6 = document.getElementById("police6").value;
		
		var taille6 = document.getElementById("taille6").value;
		
		var text_couleur6 = document.getElementById("text_couleur6").value;
		
		var text_couleur66 = document.getElementById("text_couleur66").value;
		
		var espacement6 = document.getElementById("espacement6").value;
		
		var gras6 = demo.contentWindow.document.getElementById("redtext").style.fontWeight;
		
		var italique6 = demo.contentWindow.document.getElementById("redtext").style.fontStyle;
		
		var souligne6 = demo.contentWindow.document.getElementById("redtext").style.textDecoration;
		
//ligne7
		var police7 = document.getElementById("police7").value;
		
		var taille7 = document.getElementById("taille7").value;
		
		var text_couleur7 = document.getElementById("text_couleur7").value;
		
		var text_couleur77 = document.getElementById("text_couleur77").value;
		
		var espacement7 = document.getElementById("espacement7").value;
		
		var gras7 = demo.contentWindow.document.getElementById("lien18").style.fontWeight;
		
		var italique7 = demo.contentWindow.document.getElementById("lien18").style.fontStyle;
		
		var souligne7 = demo.contentWindow.document.getElementById("lien18").style.textDecoration;
		
//ligne8
		var police8 = document.getElementById("police8").value;
		
		var taille8 = document.getElementById("taille8").value;
		
		var text_couleur8 = document.getElementById("text_couleur8").value;
		
		var text_couleur88 = document.getElementById("text_couleur88").value;
		
		var espacement8 = document.getElementById("espacement8").value;
		
		var gras8 = demo.contentWindow.document.getElementById("overgras").value;
		
		var italique8 = demo.contentWindow.document.getElementById("overitalique").value;
		
		var souligne8 = demo.contentWindow.document.getElementById("oversouligne").value;
		
// Extras	1
	var fond_img_tabc = demo.contentWindow.document.getElementById("tableContact").style.backgroundImage;
	
	var bordue_img = document.getElementById('bordue_img').value;
	
	var bordure_style_img = document.forms["form1"].elements["bordure_style_img"].options[document.forms["form1"].elements["bordure_style_img"].selectedIndex].value;
	
	var text_couleur9 = document.getElementById('text_couleur9').value;
	
	var cachereseau1 = demo.contentWindow.document.getElementById("tableReseau").style.visibility;
	
	var cachereseau2 = demo.contentWindow.document.getElementById("tableReseau").style.display;
	
	var dec_bas = demo.contentWindow.document.getElementById("body").style.marginTop;// DEBUT MarginTop
	
	var souris_cur = document.forms["form1"].elements["souris_cur"].options[document.forms["form1"].elements["souris_cur"].selectedIndex].value;
	
	
// Extras 2
	var barre_globale = document.forms["form1"].elements["defil_couleur1"].value;
	
	var barre_fleche = document.forms["form1"].elements["defil_couleur2"].value;
	
	var barre_fond = document.forms["form1"].elements["defil_couleur3"].value;
	
// Extras 3
	var taille_bordure_myspace = demo.contentWindow.document.getElementById("body").style.borderWidth;
	
	var bordure_style_myspace = demo.contentWindow.document.getElementById("body").style.borderStyle;
	
	var bordure_coul_myspace = document.getElementById("bordure_coul_myspace").value;
	
	var aff_img = demo.contentWindow.document.getElementById("aff_img").src;
	if(Down_img == 1) {} else {marge_G = 0;}


  xhr.send("fond_couleur="+fond_couleur+"&img1="+img1+"&repete="+repete+"&posi="+posi+"&type="+type+"&table_color="+table_color+"&largeur_bordure_tab="+largeur_bordure_tab+"&bordure_color="+bordure_color+"&style_bordure="+style_bordure+"&tab_img="+tab_img+"&police1="+police1+"&taille1="+taille1+"&text_couleur1="+text_couleur1+"&text_couleur11="+text_couleur11+"&espacement1="+espacement1+"&alignement1="+alignement1+"&gras1="+gras1+"&italique1="+italique1+"&souligne1="+souligne1+"&police2="+police2+"&taille2="+taille2+"&text_couleur2="+text_couleur2+"&text_couleur2="+text_couleur2+"&text_couleur22="+text_couleur22+"&espacement2="+espacement2+"&alignement2="+alignement2+"&gras2="+gras2+"&italique2="+italique2+"&souligne2="+souligne2+"&police3="+police3+"&taille3="+taille3+"&text_couleur3="+text_couleur3+"&text_couleur33="+text_couleur33+"&espacement3="+espacement3+"&alignement3="+alignement3+"&gras3="+gras3+"&italique3="+italique3+"&souligne3="+souligne3+"&police4="+police4+"&taille4="+taille4+"&text_couleur4="+text_couleur4+"&text_couleur44="+text_couleur44+"&espacement4="+espacement4+"&alignement4="+alignement4+"&gras4="+gras4+"&italique4="+italique4+"&souligne4="+souligne4+"&police5="+police5+"&taille5="+taille5+"&text_couleur5="+text_couleur5+"&espacement5="+espacement5+"&gras5="+gras5+"&italique5="+italique5+"&souligne5="+souligne5+"&police6="+police6+"&taille6="+taille6+"&text_couleur6="+text_couleur6+"&text_couleur66="+text_couleur66+"&espacement6="+espacement6+"&gras6="+gras6+"&italique6="+italique6+"&souligne6="+souligne6+"&police7="+police7+"&taille7="+taille7+"&text_couleur7="+text_couleur7+"&text_couleur77="+text_couleur77+"&espacement7="+espacement7+"&gras7="+gras7+"&italique7="+italique7+"&souligne7="+souligne7+"&police8="+police8+"&taille8="+taille8+"&text_couleur8="+text_couleur8+"&text_couleur88="+text_couleur88+"&espacement8="+espacement8+"&gras8="+gras8+"&italique8="+italique8+"&souligne8="+souligne8+"&fond_img_tabc="+fond_img_tabc+"&bordue_img="+bordue_img+"&bordure_style_img="+bordure_style_img+"&text_couleur9="+text_couleur9+"&cachereseau1="+cachereseau1+"&cachereseau2="+cachereseau2+"&souris_cur="+souris_cur+"&barre_globale="+barre_globale+"&barre_fleche="+barre_fleche+"&barre_fond="+barre_fond+"&dec_bas="+dec_bas+"&taille_bordure_myspace="+taille_bordure_myspace+"&bordure_style_myspace="+bordure_style_myspace+"&bordure_coul_myspace="+bordure_coul_myspace+"&aff_img="+aff_img+"&marge_G="+marge_G);
 }