/************************************************************************************************************************
/**permet la mise a jour d'une activite
**************************************************************************************************************************/
function modActivite(valeurActivite,idActivite,copixUrl,IDspan){
    var url=copixUrl+"index.php?module=produits&group=activites&action=modActivite&idActivite="+idActivite+"&valeurActivite="+valeurActivite;

    new Ajax(url, {method: 'get',update: $(IDspan)}).request();
}

/*********************************************************************************************************************************
/** permet la suppression d'une activite
*************************************************************************************************************************************/
function suppActivite(idActivite,copixurl){
	if (confirm("Vous allez supprimer une activite. Confirmez vous cette suppression ?")){
		var url=copixurl+"index.php?module=produits";
		var pars='group=activites&action=delActivite&idActivite='+idActivite;
		new Ajax(url,{method:'get',data:pars,evalScripts:true}).request();
	}
}

/*********************************************************************************************************************************
/** permet, via AJAX, l'affichage des produits apres click sur une activite
*************************************************************************************************************************************/
function affProduitPourActivite(IDactivite, copixUrl){
	var url=copixUrl+"index.php?module=produits&group=produits&action=AffAjaxListeProduit&IDactivite="+IDactivite+"&copixUrl="+copixUrl;

    // je parcours les lignes de mon tableau et je les mets en background white
    for (var i = 0; i < $('tableListeActivites').rows.length; i++) {
        $('tableListeActivites').rows[i].style.background="white";
    }

    // puis je mets la ligne que je viens de selectionner en couleur
    $('tr_'+IDactivite+'').style.background="red";

    new Ajax(url, {method: 'get',update: $('conteneurProduitsPourActivite')}).request();
}


/*********************************************************************************************************************************
/** permet de verifier si l'utilisateur a bien rempli le nom du produit, son epaisseur et sa surface
*************************************************************************************************************************************/
function verifFormCreateProd() {
    if (document.getElementById('nomNewProduit').value=="") { alert("Vous devez saisir un nom de produit"); return false; }
    if (document.getElementById('epaisseurNewProduit').value=="") { alert("Vous devez saisir une epaisseur pour votre produit"); return false; }
    if (document.getElementById('surfaceNewProduit').value=="") { alert("Vous devez saisir une surface pour votre produit"); return false; }

    return true;
}

/*********************************************************************************************************************************
/** permet la suppression d'un produit
*************************************************************************************************************************************/
function suppProduit(idProduit,copixurl){
	if (confirm("Vous allez supprimer un produit. Confirmez vous cette suppression ?")){
		var url=copixurl+"index.php?module=produits";
		var pars='group=produits&action=delProduit&idProduit='+idProduit;
		new Ajax(url,{method:'get',data:pars,evalScripts:true}).request();
	}
}
/*****************************************************************************************************
ajout de la fonction dragDropCreateCouleur(idCible,classObjDeplaces) qui gère la creation d'une couleur personnalisée
@params : string idCible, string classObjDeplaces
********************************************************************************************************/
var arrayDeuxCouleurs= new Array("2c3b39","2c3b39");

function dragDropCreateCouleur(idCible,classObjDeplaces) {
    var drop = idCible; // l'ID du div vers lequel je fais mon drag & drop
    var dropFx = drop.effect('opacity', {wait: false}); // pour modifier le background-color de mon receveur
                                                        // !! wait is needed so that to toggle the effect !
	
    classObjDeplaces.each(function(item){ // pour chacuns de mes items "receveur"
    	item.addEvent('mousedown', function(e) {
            e = new Event(e).stop();

    		var clone = this.clone() // gere la creation de mon clone (un objet semblable a celui que je deplace)
    			.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
    			.setStyles({'opacity': 0.5, 'position':'absolute'})
    			.addEvent('emptydrop', function() {
    				this.remove();
    				drop.removeEvents();
    			}).inject(document.body);

            // je recupere depuis le nom de mon fichier la couleur hexadecimale
            var couleurSansExtJpeg=item.src.substring(item.src.length-10,item.src.length-4);

    		drop.addEvents({
    			'drop': function() { // quand je lache mon objet sur mon "receveur"
    				drop.removeEvents();
    				clone.remove(); // je supprime mon clone (celui qui suit ma souris)
                    //item.clone().inject(drop); // si j'ajoute un clone de mon objet sous mon receveur, pour marquer visuellement la liaison

                    // si j'ai depose ma couleur sur la premiere couleur "base"
                    if (idCible.id=="creaCouleur_couleur1") { arrayDeuxCouleurs[0]=couleurSansExtJpeg }
                    // si j'ai depose ma couleur sur la seconde couleur "base"
                    else { arrayDeuxCouleurs[1]=couleurSansExtJpeg }

                    // je fais MAJ visuelle
                    var url = "index.php?module=produits&group=produits&action=createCouleur&couleur1="+arrayDeuxCouleurs[0]+"&couleur2="+arrayDeuxCouleurs[1];
					
                    new Ajax(url, {
                        method: 'get',
                        update: $('creaCouleur_resultat')}).request();

                    // je change l'image de fond de mon receveur
                    $(idCible).style.backgroundImage='url('+item.src+')';

    				dropFx.start('1');
    			},
    			'over': function() { // quand je passe avec mon objet sur mon "receveur"
    				dropFx.start('0.5');
    			},
    			'leave': function() { // quand je passe avec mon objet sur mon "receveur" et que je repart
    				dropFx.start('1');
    			}
    		});

    		var drag = clone.makeDraggable({
    			droppables: [drop]
    		}); // this returns the dragged element

    		drag.start(e); // start the event manual
    	});
    });
}