var deltaH1 = -1;
var defileH_1 = new Defilant('defilant',640/2,0,640,deltaH1,'horizontal');

function doDMarquee() {
  defileH_1.defile();
  setInterval('defileH_1.defile()',30);
  if(document.getElementById(defileH_1.id)) {
	document.getElementById(defileH_1.id).style.display = 'block';
}}

// Défilement 4 directions multiple
function Defilant(id, pos_init, pos_min, pos_max, delta, direction) {
  this.id          = id;
  this.element     = document.getElementById(id);
  this.pos_init    = pos_init;
  this.pos_min     = pos_min;
  this.pos_max     = pos_max;
  this.pos_current = pos_init;
  this.delta       = delta;
  this.direction   = direction;
}

Defilant.prototype.defile = function() {
  if (!this.element) {
	this.element = document.getElementById(this.id);
  }
  if (this.element) {
	if(this.direction == 'vertical'){
	  if(this.pos_current < (this.pos_min - this.element.offsetHeight) ){
		this.pos_current = this.pos_max;
	  } else if (this.pos_current > this.pos_max ) {
		this.pos_current = this.pos_init - this.element.offsetHeight;
	  } else {
		this.pos_current += this.delta;
	  }
	  this.element.style.top = this.pos_current+"px";
	} else if(this.direction == 'horizontal') {
	  if(this.pos_current < (this.pos_min - this.element.offsetWidth) ){
		this.pos_current = this.pos_max;
	  } else if (this.pos_current > this.pos_max ) {
		this.pos_current = this.pos_init - this.element.offsetWidth;
	  } else {
		this.pos_current += this.delta;
	  }
	  this.element.style.left = this.pos_current+"px";
}}}

if( window.addEventListener ) {
	window.addEventListener('load',doDMarquee,false);
} else if( document.addEventListener ) {
	document.addEventListener('load',doDMarquee,false);
} else if( window.attachEvent ) {
	window.attachEvent('onload',doDMarquee);
}
