var dom = (document.getElementById)? true:false;
var ns4 = (document.layers)? true:false;
var ie4 = (document.all)? true:false;
var dd_mode="";




function ouvrirPopupFacture() {
    placerDivDetails();
    afficherFond(true);
    afficherDetails(true);
}

function ouvrirPopupUpload() {
    placerDivDetails();
    afficherFond(true);
    afficherDetails(true);
    document.getElementById("ctl00_ContentPlaceHolder1_fiPJ").focus();
}

function fermerPopupUpload() {
    afficherFond(false);
    afficherDetails(false);
    return false;
}

function uploadFichier() {
    if (document.getElementById("ctl00_ContentPlaceHolder1_fiPJ").value == '') {
        alert('Vous devez sélectionner un fichier.');
        return false;
    }
    else {
        ouvrirPopupUploadEnCours();
        return true;
    }
}

function ouvrirPopupUploadEnCours() {
    var fichier;
    
    fichier = document.getElementById("ctl00_ContentPlaceHolder1_fiPJ").value;
    detailsOperation("Fichier en cours d'envoi, veuillez patienter...", "Fichier en cours d'envoi :<br />", fichier);

    placerDivOperation();

    afficherDetails(false);
    afficherOperation(true);

    //alert('coucou');
    return true;
}

function ouvrirPopupOperation(action, complement1, champscomplement2) {
    var complement2;

    if (champscomplement2 == '') {
        complement2 = '';
    }
    else {
        complement2 = document.getElementById(champscomplement2).value;
    }

    detailsOperation(action, complement1, complement2);
    placerDivOperation();

    afficherFond(true);
    afficherOperation(true);
 
    //alert('coucou');
    return true;
}


//*******************************************************************************************************\\
//                                    Gestion du fond transparent                                        \\
//*******************************************************************************************************\\

function afficherFond(visible) {
    if (visible) {
        document.getElementById("ctl00_fondDiv").style.visibility= "visible";
    }
    else {
        document.getElementById("ctl00_fondDiv").style.visibility= "hidden";
    }
    return true;
}



//*******************************************************************************************************\\
//                               Gestion du message d'attente de fin de l'opération                      \\
//*******************************************************************************************************\\

function detailsOperation(action, complement1, complement2) {
    document.getElementById("lblAction").innerHTML= action;
    document.getElementById("lblComplement1").innerHTML= complement1;
    document.getElementById("lblComplement2").innerHTML= complement2;
}

function afficherOperation(visible) {
    if (visible) {
        document.getElementById("ctl00_operationDiv").style.visibility= "visible";
    }
    else {
        document.getElementById("ctl00_operationDiv").style.visibility= "hidden";
    }
    return true;
}

function placerDivOperation() {
    if (document.body) {
        var larg = (document.body.clientWidth);
        var haut = (document.body.clientHeight);
    }
    else {
        var larg = (window.innerWidth);
        var haut = (window.innerHeight);
    }

    var heightOp = ctl00_operationDiv.offsetHeight;
    var widthOp = ctl00_operationDiv.offsetWidth;

    var hOp = parseInt(haut / 2) - parseInt(heightOp / 2);
    var wOp = parseInt(larg / 2) - parseInt(widthOp / 2);
    
    if (ie4) {
        ctl00_operationDiv.style.left=wOp;
        ctl00_operationDiv.style.top=hOp;
    }else if (dom) {
        var w=window.outerWidth-200;
        document.getElementById('ctl00_operationDiv').style.left=wOp;
        document.getElementById('ctl00_operationDiv').style.top=hOp;
    }else if (ns4) {
        var w=window.outerWidth-200;
        document.layers.ctl00_operationDiv.left=wOp;
        document.layers.ctl00_operationDiv.top=hOp;
    }
}



//*******************************************************************************************************\\
//                                        Gestion des détails                                            \\
//*******************************************************************************************************\\

function afficherDetails(visible) {
    if (visible) {
        document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").style.visibility= "visible";
    }
    else {
        document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").style.visibility= "hidden";
    }
    return true;
}

function placerDivDetails() {			//Init des variables,des Divs-Layers, et du onmousedown
    if (document.body) {
        var larg = (document.body.clientWidth);
        var haut = (document.body.clientHeight);
    }
    else {
        var larg = (window.innerWidth);
        var haut = (window.innerHeight);
    }

    var height = ctl00_ContentPlaceHolder1_detailsDiv.offsetHeight;
    var width = ctl00_ContentPlaceHolder1_detailsDiv.offsetWidth;

    var h = parseInt(haut / 2) - parseInt(height / 2);
    var w = parseInt(larg / 2) - parseInt(width / 2);

    if (ie4) {
        ctl00_ContentPlaceHolder1_detailsDiv.style.left=w;
        ctl00_ContentPlaceHolder1_detailsDiv.style.top=h;
        ctl00_ContentPlaceHolder1_detailsDiv.onmousedown=beginDrag;
    }else if (dom) {
        var w=window.outerWidth-200;
        document.getElementById('ctl00_ContentPlaceHolder1_detailsDiv').style.left=w;
        document.getElementById('ctl00_ContentPlaceHolder1_detailsDiv').style.top=h;
        document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").addEventListener("mousedown",beginDrag, false);
    }else if (ns4) {
        var w=window.outerWidth-200;
        document.layers.ctl00_ContentPlaceHolder1_detailsDiv.left=w;
        document.layers.ctl00_ContentPlaceHolder1_detailsDiv.top=h;
        document.captureEvents(Event.MOUSEDOWN);
        document.onmousedown=beginDrag;
    }
}




//*******************************************************************************************************\\
//                                  Gestion du déplacement des divisions                                 \\
//*******************************************************************************************************\\

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(ctl00_ContentPlaceHolder1_detailsDiv.style.left)+difX;
       var newY1 = parseInt(ctl00_ContentPlaceHolder1_detailsDiv.style.top)+difY;
       ctl00_ContentPlaceHolder1_detailsDiv.style.left=newX1+"px";
       ctl00_ContentPlaceHolder1_detailsDiv.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("ctl00_ContentPlaceHolder1_detailsDiv").style.left)+difX;
       var newY1 = parseInt(document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").style.top)+difY;
       document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").style.left=newX1+"px";
       document.getElementById("ctl00_ContentPlaceHolder1_detailsDiv").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.ctl00_ContentPlaceHolder1_detailsDiv.left)+difX;
       var newY1 = parseInt(document.layers.ctl00_ContentPlaceHolder1_detailsDiv.top)+difY;
       document.layers.ctl00_ContentPlaceHolder1_detailsDiv.left=newX1;
       document.layers.ctl00_ContentPlaceHolder1_detailsDiv.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=="ctl00_ContentPlaceHolder1_detailsDiv"){
//			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=="ctl00_ContentPlaceHolder1_detailsDiv") {
//			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;
    }else if (ns4) {
        alert("endDrag");
        document.onmousemove=null;
    }
}