function disclaimer()
{
	document.getElementById("disclaimer").innerHTML = '';

}

  function refresh()
{
	function f1()
	{
	document.getElementById("minicam").innerHTML = '<IMG SRC="cam/cam.jpg" width=320 height=240 hspace="0" vspace="0"> ';
	}
	var periode = new PeriodicalExecuter(f1,60);
}

function createDivInfos(objet,e){

//je verifie que la div n'est pas deja affichée
if(!document.getElementById("infoDiv")){
oDiv = document.createElement('div');
oDiv.id = "infoDiv";
oDiv.title = "infoDiv";
oDiv.style.border = '1px solid black';
oDiv.style.width = '300';
oDiv.style.background = "white";
oDiv.style.position = "absolute";
oDiv.style.zIndex = '500';

//position

var position = mousePosition(e);
oDiv.style.top = position.y;
oDiv.style.left = position.x;

oTable = document.createElement("TABLE");

var row = oTable.insertRow(0);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Propriétés");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
var textNode = document.createTextNode("Valeur");
cellDroite.appendChild(textNode);

var row = oTable.insertRow(1);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("ID");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
var textNode = document.createTextNode(objet.id);
cellDroite.appendChild(textNode);

var row = oTable.insertRow(2);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Largeur");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.type = "text";
oInput.id = "divLargeur";
oInput.onkeyup =  function() { changerLargeur(objet,this.value); }
cellDroite.appendChild(oInput);

var row = oTable.insertRow(3);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Hauteur");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.type = "text";
oInput.id = "divHauteur";
oInput.onkeyup =  function() { changerHauteur(objet,this.value); }
cellDroite.appendChild(oInput);  

var row = oTable.insertRow(4);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Top");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divTop";
oInput.type = "text";
oInput.onkeyup = function(){changerTop(objet,this.value);}
cellDroite.appendChild(oInput);  

var row = oTable.insertRow(5);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Left");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divLeft";
oInput.type = "text";
oInput.onkeyup = function(){changerLeft(objet,this.value);}
cellDroite.appendChild(oInput); 

var row = oTable.insertRow(6);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Right");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divRight";
oInput.type = "text";
oInput.onkeyup = function(){changerRight(objet,this.value);}
cellDroite.appendChild(oInput); 

var row = oTable.insertRow(7);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Bottom");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divBottom";
oInput.type = "text";
oInput.onkeyup = function(){changerBottom(objet,this.value);}
cellDroite.appendChild(oInput); 

var row = oTable.insertRow(8);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Z-index");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divZindex";
oInput.type = "text";
oInput.onkeyup = function(){changerZIndex(objet,this.value);}
cellDroite.appendChild(oInput);

var row = oTable.insertRow(9);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Float");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divFloat";
oInput.type = "text";
oInput.onkeyup = function(){changerFloat(objet,this.value);}
cellDroite.appendChild(oInput);

var row = oTable.insertRow(10);

var cellGauche = row.insertCell(0);
var textNode = document.createTextNode("Absolute");
cellGauche.appendChild(textNode);
var cellDroite = row.insertCell(1);
oInput = document.createElement("input");
oInput.id = "divAbsolute";
oInput.type = "text";
oInput.onkeyup = function(){changerAbsolute(objet,this.value);}
cellDroite.appendChild(oInput);

var row = oTable.insertRow(11);

var cellGauche = row.insertCell(0);
oInput = document.createElement("input");
oInput.type = "button";
oInput.value = "Fermer";
oInput.onclick =  function() { fermerDiv(); }
cellGauche.appendChild(oInput);

oDiv.appendChild(oTable);

document.body.appendChild(oDiv);

recupPropriete(objet.id);
 }
}

function changerLargeur(objet,valeur){

  objet.style.width = valeur;
  MAJ('largeur',valeur,objet.id);

}

function changerHauteur(objet,valeur){

  objet.style.height = valeur;
  MAJ('hauteur',valeur,objet.id);

}

function changerTop(objet,valeur){

  objet.style.marginTop = valeur;
  MAJ('margetop',valeur,objet.id);
  
}

function changerLeft(objet,valeur){

  objet.style.marginLeft = valeur;
  MAJ('margeleft',valeur,objet.id);

}

function changerRight(objet,valeur){

  objet.style.marginRight = valeur;
  MAJ('margeright',valeur,objet.id);

}

function changerBottom(objet,valeur){

  objet.style.marginBottom = valeur;
  MAJ('margebottom',valeur,objet.id);

}

function changerZIndex(objet,valeur){

  objet.style.ZIndex = valeur;
  MAJ('zindex',valeur,objet.id);

}

function changerFloat(objet,valeur){

  if(valeur == "aucun"){
  objet.style.styleFloat = "";
  MAJ('flotement',valeur,objet.id);
  }
  else{
  objet.style.styleFloat = "";
  MAJ('flotement',valeur,objet.id);  
  }

}

function changerAbsolute(objet,valeur){

  MAJ('absolute',valeur,objet.id);

}

function fermerDiv(){

  oDiv = document.getElementById("infoDiv");
  var parent = oDiv.parentNode;
  parent.removeChild(oDiv);

}
 
function MAJ(proprieteCSS,valeur,id){
  if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
  { 
      xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
  } 
  else if (window.ActiveXObject)                    //  Version Active
  {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
  }
   xhr.open("POST", '../fonction.php?'+'fonction'+'='+'updatecss', true);
	
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                  
 	xhr.send("proprieteCSS="+proprieteCSS+"&valeur="+valeur+"&id="+id);
}
 
var xmlhttp

function recupPropriete(id)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }

xmlhttp.onreadystatechange=stateChanged;

   xmlhttp.open("POST",'../fonction.php?'+'fonction'+'='+'appelcss',true);


xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
xmlhttp.send("id="+id);
}

function stateChanged()
{
if (xmlhttp.readyState==4)
  {
  var xmlDoc=xmlhttp.responseXML.documentElement;
  document.getElementById("divLargeur").value=
  xmlDoc.getElementsByTagName("Largeur")[0].childNodes[0].nodeValue;
  document.getElementById("divHauteur").value=
  xmlDoc.getElementsByTagName("Hauteur")[0].childNodes[0].nodeValue;
  document.getElementById("divTop").value=
  xmlDoc.getElementsByTagName("MarginTop")[0].childNodes[0].nodeValue;
  document.getElementById("divLeft").value=
  xmlDoc.getElementsByTagName("MarginLeft")[0].childNodes[0].nodeValue;
  document.getElementById("divRight").value=
  xmlDoc.getElementsByTagName("MarginRight")[0].childNodes[0].nodeValue;
  document.getElementById("divBottom").value=
  xmlDoc.getElementsByTagName("MarginBottom")[0].childNodes[0].nodeValue;
  document.getElementById("divFloat").value=
  xmlDoc.getElementsByTagName("Float")[0].childNodes[0].nodeValue;
  document.getElementById("divZindex").value=
  xmlDoc.getElementsByTagName("Zindex")[0].childNodes[0].nodeValue;
  document.getElementById("divAbsolute").value=
  xmlDoc.getElementsByTagName("Absolute")[0].childNodes[0].nodeValue;
  }
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

function mousePosition(e){

 var posx = 0;

 var posy = 0;

 if (!e) var e = window.event;

 if (e.pageX || e.pageY){

  posx = e.pageX;

  posy = e.pageY;

 }

 else if (e.clientX || e.clientY){

  posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;

  posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;

 }

 return{x:posx,y:posy};

}