var isDragging = false;
var objectToDrag;
var ecartX;
var ecartY;

var curX;
var curY;

function initPosition(obj_id){
  	var larg = window.document.body.offsetWidth;
  	var haut = window.document.body.offsetHeight;

	if (document.all){
		if (!document.documentElement.scrollTop)
	      scrollY = document.body.scrollTop;
		else
	      scrollY = document.documentElement.scrollTop;
    }else{
		scrollY = window.pageYOffset;
    } 

  	var posX = ( larg - document.getElementById(obj_id).offsetWidth) / 2;
  	var posY = document.body.scrollTop + 100 /*200 ( haut - document.getElementById(obj_id).offsetHeight) / 2*/;
  
  	if(document.all){
		posX = posX / 2;
	}
	if(posY < 50){
		posY = 50;
	}
  
	document.getElementById(obj_id).style.left = posX + 'px';
	document.getElementById(obj_id).style.top = posY + 'px';
  
}
/*
* Récuppère la position du curseur
*/
function getPositionCurseur(e){
  var posX;
  var posY;
  
	//ie
	if(document.all){
		posX = event.clientX;
		posY = event.clientY;
	}
	
	//netscape 4
	if(document.layers){
		posX = e.pageX;
		posY = e.pageY;
	}
	
	//mozilla
	if(document.getElementById){
		posX = e.clientX;
		posY = e.clientY;
	}

  return [posX, posY];
}
/*
* Début du drag
*/
function beginDrag(id_obj,e){
	isDragging = true;
	objectToDrag = [document.getElementById(id_obj), document.getElementById('iframe_' + id_obj)];
  
  //Init position curseur
	var pos = getPositionCurseur(e);
  curX = pos[0];
  curY = pos[1];
  
}

function drag(e){

	var newPosX;
	var newPosY;
  
	if(isDragging == true){
    var pos = getPositionCurseur(e);
    //Position du curseur courant - ancienne position du curseur
		ecartX = pos[0] - curX;
		ecartY = pos[1] - curY;

    //Ancienne position + changement de position
    newPosX = objectToDrag[0].offsetLeft + ecartX;
		newPosY = objectToDrag[0].offsetTop + ecartY;

    //MAJ position courante du curseur
    curX = pos[0];
    curY = pos[1];
    
    for(var i=0; i<objectToDrag.length; i++){
      objectToDrag[i].style.left = newPosX + 'px';
      objectToDrag[i].style.top = newPosY + 'px';
    }
	}
}
/*
* Fin drag
*/
function endDrag(){
	isDragging = false;
}