var dom = (document.getElementById)? true:false;
var ns4 = (document.layers)? true:false;
var ie4 = (document.all)? true:false;
var dd_mode="";
//initialisation de Y et X pour la position de la souris
var X = 0;
var Y = 0;

function start() {			//Init des variables,des Divs-Layers, et du onmousedown
	var h=100;
	var w=300;

	if (ie4) {
		//var w=document.body.clientWidth-600;
		aboPopUp.style.left=w;
		aboPopUp.style.top=h;
		aboPopUp.onmousedown=beginDrag;
		//Appel de la fonction WhereMouse sur le onmousedown sur la page et pas sur le div
		document.onmousedown=WhereMouse;
	}else if (dom) {
		//var w=window.outerWidth-600;
		document.getElementById('aboPopUp').style.left=w;
		document.getElementById('aboPopUp').style.top=h;
		document.getElementById("aboPopUp").addEventListener("mousedown",beginDrag, false);
		//Appel de la fonction WhereMouse sur le onmousedown sur la page et pas sur le div
		window.onmousedown = WhereMouse;
	}else if (ns4) {
		//var w=window.outerWidth-600;
		document.layers.aboPopUp.left=w;
		document.layers.aboPopUp.top=h;
		document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown=beginDrag;
	}
}

function doDrag(e) {			// Déplacement des Divs-Layers
	if (ie4) {
		var difX=event.clientX-window.lastX;
	   var difY=event.clientY-window.lastY;
		var newX1 = parseInt(aboPopUp.style.left)+difX;
	   var newY1 = parseInt(aboPopUp.style.top)+difY;
	   aboPopUp.style.left=newX1+"px";
	   aboPopUp.style.top=newY1+"px";
	   window.lastX=event.clientX;
	   window.lastY=event.clientY;
	}else if (dom) {
		var difX=e.clientX-window.lastX;
	   var difY=e.clientY-window.lastY;
		var newX1 = parseInt(document.getElementById("aboPopUp").style.left)+difX;
	   var newY1 = parseInt(document.getElementById("aboPopUp").style.top)+difY;
	   document.getElementById("aboPopUp").style.left=newX1+"px";
	   document.getElementById("aboPopUp").style.top=newY1+"px";
	   window.lastX=e.clientX;
	   window.lastY=e.clientY;
	}else if (ns4) {
		var difX=e.pageX-window.lastX;
	   var difY=e.pageY-window.lastY;
		var newX1 = parseInt(document.layers.aboPopUp.left)+difX;
	   var newY1 = parseInt(document.layers.aboPopUp.top)+difY;
	   document.layers.aboPopUp.left=newX1;
	   document.layers.aboPopUp.top=newY1;
	   window.lastX=e.pageX;
	   window.lastY=e.pageY;
	} 
}

function beginDrag(e) {		// Paramétrage du déplacement des Divs-Layers et des onmousemove & onmouseup
	if (ie4) {
		window.lastX=event.clientX;
	   window.lastY=event.clientY;
	   document.onmousemove=doDrag;
	   document.onmouseup=endDrag;
//		if (event.srcElement.id=="aboPopUp"){
//			Récup de l'Id d'un élément sous IE
//		}
	}else if (dom) {
		window.lastX=e.clientX;
	   window.lastY=e.clientY;
	   window.onmousemove=doDrag;
	   window.onmouseup=endDrag;
		myattr=e.target.getAttribute("ID");
//		if(myattr=="aboPopUp") {
//			Récup de l'ID d'un élément sous NS6
//		}
	}else if (ns4) {
		window.lastX=e.pageX;
	   window.lastY=e.pageY;
	   document.captureEvents(Event.MOUSEMOVE)
	   document.onmousemove=doDrag;
	   document.captureEvents(Event.MOUSEUP)
	   document.onmouseup=endDrag;
	}
}

function endDrag(e) {		// Stabilisation des Divs-Layers dans la fenetre
	if (ie4 || ns4) {
	 	document.onmousemove=null;
	 }else if (dom) {
		window.onmousemove=null;
	}
}


//Appeler quand on clique sur le petit panier pour ouvrir le div
function displayDrag(url,nb) {

	document.getElementById('popup_content').src=url;
	document.getElementById('aboPopUp').style.display='block';
 	if (ie4) {
		aboPopUp.style.top=Y-225;
		aboPopUp.style.left=X-420;
	}else if (dom) {
		document.getElementById('aboPopUp').style.top = (Y+document.body.scrollTop-225)+"px";
		document.getElementById('aboPopUp').style.left = (X+document.body.scrollLeft-420)+"px" ;
	}else if (ns4) {
		document.layers.aboPopUp.top=Y-225;
		document.layers.aboPopUp.left=X-420;
	}


}

function recharge() {
	location.reload();	
}

//Cette fonction va chercher la position de la souris par rapport à l evenement e
function WhereMouse(e){
  var DocRef;
  //-- On traque les hybrides
  if( e && e.target){
    X = e.pageX;
    Y = e.pageY;
  }
  else{
    if( document.documentElement && document.documentElement.clientWidth)
      DocRef = document.documentElement;
    else
      DocRef = document.body;

    X = event.clientX +DocRef.scrollLeft;
    Y = event.clientY +DocRef.scrollTop;
  }
  //window.status=Y+"-"+X;

  //alert (X+' '+Y);
  return(true);
}