function xDHTML(NomBloc){
	if( document.layers ){
		this.xMontrer = 'show';
		this.xCacher = 'hide';
		this.xUnite = '';
	}else{
		this.xMontrer = 'visible';
		this.xCacher = 'hidden';
		this.xUnite = 'px';
	}
	if( document.getElementById ){
		this.xBloc = document.getElementById( NomBloc );
		this.xStyle = this.xBloc.style;
	}else if( document.all ){
		this.xBloc = document.all( NomBloc );
		this.xStyle = this.xBloc.style;
	}else{
		this.xBloc = this.xStyle = null;
	}
	
	return this;
}
//changer image
xDHTML.prototype.changeImage = function(cheminImage){
  var blocImg = this.xBloc.firstChild;
  //var cheminImageBloc = blocImg.getAttribute("src");
  var cheminImageBloc = cheminImage;
  blocImg.setAttribute("src", cheminImageBloc);	
}

//getter position
xDHTML.prototype.getTop = function(){
  return parseInt(this.xStyle.top);
}
xDHTML.prototype.getLeft = function(){
  return parseInt(this.xStyle.left);
}
xDHTML.prototype.getDown = function(){
  var Bas = parseInt(this.xStyle.top);
  Bas = Bas + parseInt(this.xStyle.height);
  return (Bas);
}
xDHTML.prototype.getRight = function(){
  var Droite = parseInt(this.xStyle.left);
  Droite = Droite + parseInt(this.xStyle.width);
  return (Droite);
}

//hitTest
xDHTML.prototype.HitTest = function ( blocCible ){
//recuperation du bloc cible
xBlocCible = new xDHTML( blocCible );
  //debut du hitTest
  if(this.getTop()>=xBlocCible.getDown()){
    if(this.getRight() >= xBlocCible.getLeft() && this.getRight() <= xBlocCible.getRight()){
      if(this.getTop()==xBlocCible.getDown()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getLeft() >= xBlocCible.getLeft() && this.getLeft() <= xBlocCible.getRight()){
      if(this.getTop()==xBlocCible.getDown()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getLeft() <= xBlocCible.getLeft() && this.getRight() >= xBlocCible.getRight()){
      if(this.getTop()==xBlocCible.getDown()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }
  }

  if(this.getDown()<=xBlocCible.getTop()){
    if(this.getRight() >= xBlocCible.getLeft() && this.getRight() <= xBlocCible.getRight()){
      if(this.getDown()==xBlocCible.getTop()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getLeft() >= xBlocCible.getLeft() && this.getLeft() <= xBlocCible.getRight()){
      if(this.getDown()==xBlocCible.getTop()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getLeft() <= xBlocCible.getLeft() && this.getRight() >= xBlocCible.getRight()){
      if(this.getDown()==xBlocCible.getTop()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }
  }

  if(this.getLeft()>=xBlocCible.getRight()){
    if(this.getTop() <= xBlocCible.getDown() && this.getTop() >= xBlocCible.getTop()){
      if(this.getLeft()==xBlocCible.getRight()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getDown() <= xBlocCible.getDown() && this.getDown() >= xBlocCible.getTop()){
     if(this.getLeft()==xBlocCible.getRight()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getDown() >= xBlocCible.getDown() && this.getTop() <= xBlocCible.getTop()){
      if(this.getLeft()==xBlocCible.getRight()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }
  }
  
  if(this.getRight()<=xBlocCible.getLeft()){
    if(this.getTop() <= xBlocCible.getDown() && this.getTop() >= xBlocCible.getTop()){
      if(this.getRight()==xBlocCible.getLeft()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getDown() <= xBlocCible.getDown() && this.getDown() >= xBlocCible.getTop()){
      if(this.getRight()==xBlocCible.getLeft()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }else if(this.getDown() >= xBlocCible.getDown() && this.getTop() <= xBlocCible.getTop()){
      if(this.getRight()==xBlocCible.getLeft()){
        return( 'true' );
      }else{
        return( 'false' );
      }
    }
  }
  return( 'false' );
}


xDHTML.prototype.MoveTo = function( nX, nY ){
	if( this.xStyle ){
		this.xStyle.left = parseInt(nX) + this.xUnite;
		this.xStyle.top = parseInt(nY) + this.xUnite;
	}
}

xDHTML.prototype.MoveToElastic = function( nX, nY ){
	//initialisation
	if( this.xStyle ){
		this.posX = parseInt(this.xStyle.left);
		this.posY = parseInt(this.xStyle.top);
	}
	this.vit_x = 0;
	this.vit_y = 0;
	this.arriveX = 500;
	this.arriveY = 100;
	this.frottements = 0.8;
	this.cste_elastic = 0.3;
	this.itx = 0;
	this.maxItx = 200;
	//lancement de l'animation
	this.tempoMoveTo = null;
	this.AnimationMoveToElastic();
}

xDHTML.prototype.AnimationMoveToElastic = function(){
	if( this.xStyle ){
		this.posX = parseInt(this.xStyle.left);
		this.posY = parseInt(this.xStyle.top);
	}
	//calcul de déplacement pour la prochaime position
	this.vit_x = this.vit_x * this.frottements + ( this.arriveX - this.posX )*this.cste_elastic ;
	this.vit_y = this.vit_y * this.frottements + ( this.arriveY - this.posY )*this.cste_elastic ;
	//lancement du deplacement
	this.MoveBy(this.vit_x,this.vit_y);
	//debut et arret de la boucle recursive
	if( this.posX >= (this.arriveX-1) && this.posX <= (this.arriveX+1) && this.posY >= (this.arriveY-1) && this.posY <= (this.arriveY+1) ){
		clearTimeout(this.tempoMoveTo);
		this.tempoMoveTo = null;
	}else{
		/********************************problèmes de cohérence dans le parseur Javascript
		//this.tempoMoveTo = setTimeout("this.AnimationMoveToElastic()",10);
											*********/
		var self = this;
		this.tempoMoveTo = setTimeout(function(){self.AnimationMoveToElastic();}, 10)
		
	}
}

xDHTML.prototype.MoveBy = function ( nX, nY ){
	if( this.xStyle ){
		this.posX = parseInt(this.xStyle.left);
		this.posY = parseInt(this.xStyle.top);
		this.xStyle.left = this.posX + parseInt(nX) + this.xUnite;
		this.xStyle.top = this.posY + parseInt(nY) + this.xUnite;
	}
}