/* Memorisation de l'etat des blocs */
var etat_blocs = new Array();

window.addEvent('domready', function(){
  // definition des variables
  var dragHandle = $$('.title');
  var dragHandle2 = $$('.title-visu');
  var dragContainer = $('contenu');
  var dragContainer2 = $('visu');
  var dropElement = $('visu');
  var dropElement2 = $$('.bloc-gauche');
  var listElement = $$('.liste-article li');
  var listImgs = $$('.img_diapo_rub img');


  //fermeture des blocs sauf article deploye
  $$('.entete-bloc a').each(function(item){
    var id = item.get('id');
    switch(id) {
      case 'lien-deploye' : bloc = $('bloc-deploye'); break;
      case 'lien-attache' : bloc = $('bloc-attache'); break;
      case 'lien-diaporama' : bloc = $('bloc-diaporama'); break;
      case 'lien-fichier' : bloc = $('bloc-fichier'); break;
      case 'lien-lien' : bloc = $('bloc-lien'); break;
      case 'lien-sousrub' : bloc = $('bloc-sousrub'); break;
	  case 'lien-rubcomp' : bloc = $('bloc-rubcomp'); break;
	  case 'lien-produit' : bloc = $('bloc-produit'); break;
    }
    new Fx.Reveal(bloc).dissolve();
  });

  //slide des blocs de droite
  $$('.entete-bloc a').each(function(item){
    item.addEvent('click', function(e){
      e = new Event(e).stop();
      var id = item.get('id');
      switch(id) {
        case 'lien-deploye' : bloc = $('bloc-deploye'); break;
        case 'lien-attache' : bloc = $('bloc-attache'); break;
        case 'lien-diaporama' : bloc = $('bloc-diaporama'); break;
        case 'lien-fichier' : bloc = $('bloc-fichier'); break;
        case 'lien-lien' : bloc = $('bloc-lien'); break;
        case 'lien-sousrub' : bloc = $('bloc-sousrub'); break;
		case 'lien-rubcomp' : bloc = $('bloc-rubcomp'); break;
		case 'lien-produit' : bloc = $('bloc-produit'); break;
      }
      new Fx.Reveal(bloc).toggle();
    });
  });

  slide_bloc_gauche();

  // drag des blocs de droite
  dragHandle.each(function(item){
    item.addEvents({
      mousedown : function(e){
        e = new Event(e).stop();
        var clone = this.clone()
          .setStyles(this.getCoordinates())
          .setStyles({
            'opacity': 0.7,
            'width' : '100px',
            'background' : 'url(images/contenu/bg_bloc_droite_on.jpg) repeat-x',
            'text-align' : 'center',
            'border' : '1px solid #ADADAD',
            'font-weight' : 'bold'
          })
          .addEvent('emptydrop', function() {
            this.destroy();
            this.remove();
            this.removeEvents();
        }).inject(document.body);

        clone.makeDraggable({
          container: dragContainer,
          droppables: [dropElement],

          onDrop: function(element, droppable){
            if (!droppable) {
              //console.log(element, ' dropped on nothing');
              clone.destroy();
              clone.removeEvents();
            } else  {
              //console.log(element, 'dropped on', droppable);
              clone.removeEvents();
              var pave = createElement(item.get('id'));
              clone.destroy();
              droppable.setStyle('background-color', '#FFFFFF');
            }
          },

          onEnter: function(element, droppable){
            //console.log(element, 'entered', droppable);
            droppable.setStyle('background-color', '#faec8f');
          },

          onLeave: function(element, droppable){
            //console.log(element, 'left', droppable);
            droppable.setStyle('background-color', '#FFFFFF');
          }
        }).start(e);
      }
    });
  });

  //drag des elements des blocs
  listElement.each(function(item) {
    item.addEvent('mousedown', function(e) {
      e = new Event(e).stop();
      var id_element = item.get('id');
      var coords_top = this.getCoordinates().top;
      var coords_parent_top = this.getParent().getParent().getScroll().y;
      var top = coords_top+coords_parent_top;
      
      //console.log('coords top : ',coords_top,' - coords parent top : ',coords_parent_top,' - top : ',top);
      var clone = this.clone()
        .setStyles(this.getCoordinates())
        .setStyles({
          'text-align' : 'center',
          'top' : top,
          'list-style-type' : 'none',
          'cursor' : 'move',
          'border' : '1px solid #ADADAD',
          'background-color' : '#FFFFFF',
          'font-weight' : 'bold'
        })
        .addEvent('emptydrop', function() {
          this.remove();
          drop.removeEvents();
      }).inject(document.body);

      clone.makeDraggable({
        container: dragContainer,
        droppables: $$('.entete-bloc-gauche'),

        onDrop: function(element, droppable){
          if (!droppable) {
            //console.log(element, ' dropped on nothing');
            clone.destroy();
            clone.removeEvents();
          } else  {
            //si l'element est compatible, on recupere son ID, si l'ID est null on ne fait rien
            //console.log('parent drop : ',droppable.getChildren('div'),' - item : ',item.get('id'));
            var id_element = check_drop(droppable.getChildren('div'),item.get('id'));
            var id_pave = getIdPave(droppable.getChildren('div'));
            //console.log('id_element : ',id_element,' - id pave : ',id_pave);

            //si ID != null, on effectue le traitement qui permet d'inserer le contenu du drag dans le module
            if(id_element && id_pave) {
              var id_rub_travail = document.getElementById('id_rub_travail').value;
              var ajax_request = new Request.HTML({
                url: '../inc/ajax/ajax.rubrique.php',
                update: $('visu'),
                useWaiter: true,
                waiterOptions: {
                  baseHref: '../admin/images/pictos/',
                  img: {
                    src: 'preloader-horizontal.gif',
                    styles: {
                      width: 160,
                      height: 20
                    }
                  },
                  layer: {
                    background: '#fff',
                    opacity: 0.9
                  }
                },
                onComplete: function(){
                  //slide des blocs de gauche
                  slide_bloc_gauche();
                }
              }).send("add_element="+id_element+"&id_module="+id_pave+"&id_rub_travail="+id_rub_travail);
            }

            //console.log(element, 'dropped on', droppable);
            clone.removeEvents();
            clone.destroy();
            droppable.setStyle('background-color', '#CCCCCC');
          }
        },

        onEnter: function(element, droppable){
         // console.log(element, 'entered', droppable);
          var id_element = check_drop(droppable.getChildren('div'),item.get('id'));
          if(id_element) droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme_on.jpg) repeat-x');
        },

        onLeave: function(element, droppable){
          //console.log(element, 'left', droppable);
          droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme.jpg) repeat-x');
        }
      }).start(e);
    });
  });

  drag_diapo();
});

function popup_publication_rubrique(id_rubrique,type_publication,langue,idmodule) {
	new Fupdate.AjaxPrompt('popup_publication_rubrique.php?id_rub_travail='+id_rubrique+'&type_publication='+type_publication+'&langue='+langue+'&id_module='+idmodule,$('visu'),{
		stickyWinUiOptions : {
			width: 800,
			waiterTarget: $('visu'),
			evalScripts:true
		},
		onSuccess : function(){
     	 slide_bloc_gauche();
   		}
	}).prompt();
}

//creation du bloc temporaire pour deplacement des blocs dans le visu
function createBlocTmp() {
  var div = new Element('div', {
     styles: {
      'position': 'relative',
      'display': 'block',
      'visibility': 'visible',
      'width' : '100%',
      'z-index': '10',
      'height': '35px',
      'border' : '2px dashed red'
    }
  });

  return div;
}

// création des blocs de la zone de contenu
function createElement(type) {

  //ici requette ajax qui retourne un id de module qui sert a l'identification du pavé créée
  var id_rub_travail = document.getElementById('id_rub_travail').value;
  var tab_label = type.split('-');

  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $('visu'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
      slide_bloc_gauche();
    }
  }).send("bloc="+tab_label[1]+"&id_rub_travail="+id_rub_travail);

}

//fonction permettant la verification d'un élément droppé sur un recepteur
function check_drop(id_bloc,value_id_dropped) {
  type = false;
  //console.log('nb arg : ',arguments.length);
  if (arguments.length > 2) {
    type = arguments[2];
  }

  var value_id_bloc = id_bloc.get('id');
  //console.log('value id : ',value_id_bloc[0],' - id article :',value_id_dropped);

  var tab_dropped = value_id_dropped.split('-');
  var type_dropped = tab_dropped[0];

  if(type) {
    //console.log('type : ',type);
    var element_img = value_id_dropped.split('-');
    var nom_img = '';
    for(var i=1;i<element_img.length;i++) {
      nom_img+= '_'+element_img[i];
    }
    var length_id_dropped = nom_img.length;
    var id_dropped = nom_img.substring(1,length_id_dropped);
  } else {
    var id_dropped = tab_dropped[1];
  }
  var tab_recept = value_id_bloc[0].split('-');
  var type_recept = tab_recept[1];

  //console.log('type recept : ',type_recept,' - type dropped : ',type_dropped,' - id dropped : ',id_dropped);

  //si l'élément droppé est compatible avec son recepteur, on l'insert sinon on le détruit
  if(type_recept == type_dropped) {
    //console.log('recepteur compatible, id = ',id_dropped);
    return id_dropped;
  } else {
    //console.log('recepteur incompatible');
    return null;
  }
}

function CheckAllPub(count,rand) {
	var i,coche = 0;
	for(i=1; i <= count; i++) {
		if(document.getElementById(rand+"checkbox_publication"+i).checked == false)
			coche = 1;
	}
	if(coche==1) {
		for(i=1; i <= count; i++)
			document.getElementById(rand+"checkbox_publication"+i).checked = true;
	}
	if(coche==0) {
		for(i=1; i <= count; i++)
			document.getElementById(rand+"checkbox_publication"+i).checked = false;
	}
}

//fonction retournant l'id du pave sur lequel un element est droppé
function getIdPave(id_bloc) {
  var value_id_bloc = id_bloc.get('id');
  var tab_recept = value_id_bloc[0].split('-');
  var id_pave = tab_recept[2];
  return id_pave;
}

function valid_rubrique(action) {
  $('action').set('value', action);
  document.info_rubriques.submit();
}

function slide_bloc_gauche() {
  if(etat_blocs) remember_statut_blocs(etat_blocs);
  //slide des blocs de gauche
  $$('.entete-bloc-gauche a.slide').each(function(item){
    item.addEvent('click', function(e){
      e = new Event(e).stop();
      var id = item.get('id');
      var tab_split_bloc = id.split('-');
      var type_bloc = tab_split_bloc[1];
      var id_bloc = tab_split_bloc[2];
      switch(type_bloc) {
        case 'deploye' :  nom_bloc = 'bloc-deploye-'+tab_split_bloc[2]; bloc = $(nom_bloc);  break;
        case 'attache' : nom_bloc = 'bloc-attache-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
        case 'diaporama' : nom_bloc = 'bloc-diaporama-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
        case 'fichier' : nom_bloc = 'bloc-fichier-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
        case 'lien' : nom_bloc = 'bloc-lien-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
        case 'sousrub' : nom_bloc = 'bloc-sousrub-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
		case 'rubcomp' : nom_bloc = 'bloc-rubcomp-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
		case 'produit' : nom_bloc = 'bloc-produit-'+tab_split_bloc[2];  bloc = $(nom_bloc); break;
      }
      var etat_bloc = new Fx.Reveal(bloc).toggle();
      
      manage_blocs(nom_bloc,etat_bloc.hidden);
      
    });
  });
}
function manage_blocs(nom_bloc,hidden) {
	//console.log('nom du bloc : ',nom_bloc,' - bloc cache : ',hidden);
	switch(hidden) {
		case true : old_statut = false; break;
		case false : old_statut = true; break;
	}
	
	var infos_to_delete = nom_bloc+'|'+old_statut;
	etat_blocs.erase(infos_to_delete);	
	
	var infos_bloc = nom_bloc+'|'+hidden;
	etat_blocs.push(infos_bloc);
}
function remember_statut_blocs(etat_blocs) {
	etat_blocs.each(function(item, index){
	    var item_split = item.split('|');
	    var nom_bloc = item_split[0];
	    var hidden = item_split[1];
	    if(hidden == 'true') new Fx.Reveal($(nom_bloc)).dissolve();
	    //console.log('nom du bloc : ',nom_bloc,' - hidden : ',hidden);
  });
}
function supp_module(id_module,label) {
  var id_rub_travail = document.getElementById('id_rub_travail').value;
  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $('visu'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
      slide_bloc_gauche();
    }
  }).send("supp_module="+id_module+"&label="+label+"&id_rub_travail="+id_rub_travail);
}

function supp_element(id_element,id_module,ordre,label,id_conteneur,type_conteneur) {
  //console.log('id element : ',id_element,' - label : ',label,' - id conteneur : ',id_conteneur,' - type conteneur : ',type_conteneur);
  var bloc_update = 'bloc-'+label+'-'+id_module;

  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $(bloc_update),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
    }
  }).send("supp_element="+id_element+"&id_module="+id_module+"&id_rub_travail="+id_conteneur+"&ordre="+ordre);
}

function descendre_element(id_element,id_module,ordre,label,id_conteneur,type_conteneur) {
  //console.log('id element : ',id_element,' - label : ',label,' - id conteneur : ',id_conteneur,' - type conteneur : ',type_conteneur);
  var bloc_update = 'bloc-'+label+'-'+id_module;

  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $(bloc_update),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
    }
  }).send("down_element="+id_element+"&id_module="+id_module+"&id_rub_travail="+id_conteneur+"&ordre="+ordre);
}

function monter_element(id_element,id_module,ordre,label,id_conteneur,type_conteneur) {
  //console.log('id element : ',id_element,' - label : ',label,' - id conteneur : ',id_conteneur,' - type conteneur : ',type_conteneur);
  var bloc_update = 'bloc-'+label+'-'+id_module;

  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $(bloc_update),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
    }
  }).send("up_element="+id_element+"&id_module="+id_module+"&id_rub_travail="+id_conteneur+"&ordre="+ordre);
}

function modif_bloc_article(id_element,id_module,label,id_conteneur,type_conteneur) {
  var bloc = 'bloc-'+label+'-'+id_module;
  new Fupdate.AjaxPrompt(
    'form_modif_bloc_article.php?id_article='+id_element+'&id_module='+id_module+'&id_rubrique='+id_conteneur,
    $(bloc)
  ).prompt();
}

function import_rub(from,to) {
  document.form_import.action = 'rubriques.php?action=import&from='+from+'&to='+to+'&profondeur=1';
  document.form_import.submit();
}

function monter_module(id_module,ordre,id_rubrique) {
  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $('visu'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
      slide_bloc_gauche();
    }
  }).send("up_module="+id_module+"&id_rub_travail="+id_rubrique+"&ordre="+ordre);
}

function descendre_module(id_module,ordre,id_rubrique) {
  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $('visu'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
      slide_bloc_gauche();
    }
  }).send("down_module="+id_module+"&id_rub_travail="+id_rubrique+"&ordre="+ordre);
}

function goToRep(rep) {
  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.images.php',
    update: $('bloc-diaporama'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
      drag_diapo();
    }
  }).send("rep_img="+rep);
}

function drag_diapo(listImgs) {
  var dragContainer = $('contenu');
  var dropElement = $('visu');
  var listImgs = $$('.img_diapo_rub img');


  //drag des images du diapo
  listImgs.each(function(item) {
    item.addEvent('mousedown', function(e) {
      e = new Event(e).stop();
      var id_element = item.get('id');
      var coords_top = this.getCoordinates().top;
      var coords_parent_top = this.getParent().getParent().getScroll().y;
      var top = coords_top+coords_parent_top;
      
      var clone = this.clone()
        .setStyles(this.getCoordinates())
        .setStyles({
          'list-style-type' : 'none',
          'top' : top,
          'cursor' : 'move'
        })
        .addEvent('emptydrop', function() {
          this.remove();
          drop.removeEvents();
      }).inject(document.body);

      clone.makeDraggable({
        container: dragContainer,
        droppables: $$('.entete-bloc-gauche'),

        onDrop: function(element, droppable){
          if (!droppable) {
            //console.log(element, ' dropped on nothing');
            clone.destroy();
            clone.removeEvents();
          } else  {
            //si l'élément est compatible, on recupere son ID, si l'ID est null on ne fait rien
           // console.log('parent drop : ',droppable.getChildren('div'),' - item : ',item.get('id'));
            var id_element = check_drop(droppable.getChildren('div'),item.get('id'),'diapo');
            var id_pave = getIdPave(droppable.getChildren('div'));
            //console.log('id_element : ',id_element,' - id pave : ',id_pave);

            //si ID != null, on effectue le traitement qui permet d'inserer le contenu du drag dans le module
            if(id_element && id_pave) {
              var id_rub_travail = document.getElementById('id_rub_travail').value;
			  var chemin = item.get('alt');
              var ajax_request = new Request.HTML({
                url: '../inc/ajax/ajax.rubrique.php',
                update: $('visu'),
                useWaiter: true,
                waiterOptions: {
                  baseHref: '../admin/images/pictos/',
                  img: {
                    src: 'preloader-horizontal.gif',
                    styles: {
                      width: 160,
                      height: 20
                    }
                  },
                  layer: {
                    background: '#fff',
                    opacity: 0.9
                  }
                },
                onComplete: function(){
                  //slide des blocs de gauche
                  slide_bloc_gauche();
                }
              }).send("add_element="+id_element+"&id_module="+id_pave+"&id_rub_travail="+id_rub_travail+"&chemin="+chemin);
            }

            //console.log(element, 'dropped on', droppable);
            clone.removeEvents();
            clone.destroy();
            droppable.setStyle('background-color', '#CCCCCC');
          }
        },

        onEnter: function(element, droppable){
          //console.log(element, 'entered', droppable);
          var id_element = check_drop(droppable.getChildren('div'),item.get('id'),'diapo');
          if(id_element) droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme_on.jpg) repeat-x');
        },

        onLeave: function(element, droppable){
          //console.log(element, 'left', droppable);
          droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme.jpg) repeat-x');
        }
      }).start(e);
    });
  });
}

function publication_up(id_publication,id_rubrique,id_publication_type) {

	  var bloc_update = 'rubrique_ordre_publication_'+id_publication_type;

	  var ajax_request = new Request.HTML({
	    url: '../inc/ajax/ajax.rubrique.php',
	    update: $(bloc_update),
	    useWaiter: true,
	    waiterOptions: {
	      baseHref: '../admin/images/pictos/',
	      img: {
	        src: 'preloader-horizontal.gif',
	        styles: {
	          width: 160,
	          height: 20
	        }
	      },
	      layer: {
	        background: '#fff',
	        opacity: 0.9
	      }
	    },
	    onComplete: function(){
	    }
	  }).send("action_ajax=publication_up&id_rub="+id_rubrique+"&id_publication="+id_publication+'&id_publication_type='+id_publication_type);
	}


function publication_down(id_publication,id_rubrique,id_publication_type) {

	var bloc_update = 'rubrique_ordre_publication_'+id_publication_type;

	  var ajax_request = new Request.HTML({
	    url: '../inc/ajax/ajax.rubrique.php',
	    update: $(bloc_update),
	    useWaiter: true,
	    waiterOptions: {
	      baseHref: '../admin/images/pictos/',
	      img: {
	        src: 'preloader-horizontal.gif',
	        styles: {
	          width: 160,
	          height: 20
	        }
	      },
	      layer: {
	        background: '#fff',
	        opacity: 0.9
	      }
	    },
	    onComplete: function(){
	    }
	  }).send("action_ajax=publication_down&id_rub="+id_rubrique+"&id_publication="+id_publication+'&id_publication_type='+id_publication_type);
}

function drag_products() {
  var dragContainer = $('contenu');
  var dropElement = $('visu');
  var listProducts = $$('#liste-produit li');

	//console.log(listProducts);

  //drag des images du diapo
  listProducts.each(function(item) {
    item.addEvent('mousedown', function(e) {
      e = new Event(e).stop();
      var id_element = item.get('id');
      var clone = this.clone()
        .setStyles(this.getCoordinates())
        .setStyles({
           'opacity': 0.7,
            'background' : 'url(images/contenu/bg_bloc_droite_on.jpg) repeat-x',
            'text-align' : 'center',
            'border' : '1px solid #ADADAD',
            'font-weight' : 'bold',
			'list-style-type' : 'none'
        })
        .addEvent('emptydrop', function() {
          this.remove();
          drop.removeEvents();
      }).inject(document.body);

      clone.makeDraggable({
        container: dragContainer,
        droppables: $$('.entete-bloc-gauche'),

        onDrop: function(element, droppable){
          if (!droppable) {
            //console.log(element, ' dropped on nothing');
            clone.destroy();
            clone.removeEvents();
          } else  {
            //si l'élément est compatible, on recupere son ID, si l'ID est null on ne fait rien
           // console.log('parent drop : ',droppable.getChildren('div'),' - item : ',item.get('id'));
            var id_element = check_drop(droppable.getChildren('div'),item.get('id'),'diapo');
            var id_pave = getIdPave(droppable.getChildren('div'));
            //console.log('id_element : ',id_element,' - id pave : ',id_pave);

            //si ID != null, on effectue le traitement qui permet d'inserer le contenu du drag dans le module
            if(id_element && id_pave) {
              var id_rub_travail = document.getElementById('id_rub_travail').value;
			  var chemin = item.get('alt');
              var ajax_request = new Request.HTML({
                url: '../inc/ajax/ajax.rubrique.php',
                update: $('visu'),
                useWaiter: true,
                waiterOptions: {
                  baseHref: '../admin/images/pictos/',
                  img: {
                    src: 'preloader-horizontal.gif',
                    styles: {
                      width: 160,
                      height: 20
                    }
                  },
                  layer: {
                    background: '#fff',
                    opacity: 0.9
                  }
                },
                onComplete: function(){
                  //slide des blocs de gauche
                  slide_bloc_gauche();
                }
              }).send("add_element="+id_element+"&id_module="+id_pave+"&id_rub_travail="+id_rub_travail+"&chemin="+chemin);
            }

            //console.log(element, 'dropped on', droppable);
            clone.removeEvents();
            clone.destroy();
            droppable.setStyle('background-color', '#CCCCCC');
          }
        },

        onEnter: function(element, droppable){
          //console.log(element, 'entered', droppable);
          var id_element = check_drop(droppable.getChildren('div'),item.get('id'),'diapo');
          if(id_element) droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme_on.jpg) repeat-x');
        },

        onLeave: function(element, droppable){
          //console.log(element, 'left', droppable);
          droppable.setStyle('background', 'url(images/contenu/bg_bloc_central_ferme.jpg) repeat-x');
        }
      }).start(e);
    });
  });
}


function load_products(search_pdt) {
	var ajax_request = new Request.HTML({
	    url: '../inc/ajax/ajax.rubrique.php',
	    update: $('bloc-produit'),
	    useWaiter: true,
	    waiterOptions: {
	      baseHref: '../admin/images/pictos/',
	      img: {
	        src: 'preloader-horizontal.gif',
	        styles: {
	          width: 160,
	          height: 20
	        }
	      },
	      layer: {
	        background: '#fff',
	        opacity: 0.9
	      }
	    },
	    onComplete: function(){
			drag_products();
	    }
	 }).send("action_ajax=search_products&search_query="+search_pdt);
}
function del_img() {
	var id_rub_travail = document.getElementById('id_rub_travail').value;
	var ajax_request = new Request.HTML({
	    url: '../inc/ajax/ajax.rubrique.php',
	    update: $('img_rub'),
	    useWaiter: false,
	    waiterOptions: {
	      baseHref: '../admin/images/pictos/',
	      img: {
	        src: 'preloader-horizontal.gif',
	        styles: {
	          width: 160,
	          height: 20
	        }
	      },
	      layer: {
	        background: '#fff',
	        opacity: 0.9
	      }
	    }
	 }).send("action_ajax=del_img&id_rub="+id_rub_travail);
}
function copy() {
	var titre = $('titre').value;
	var texte = $('description').value;
	
	$('titre_referencement').value = titre;
	$('meta_desc').value = texte;
}

function affiche_produit(id_parent) {
  var ajax_request = new Request.HTML({
    url: '../inc/ajax/ajax.rubrique.php',
    update: $('zone-produit'),
    useWaiter: true,
    waiterOptions: {
      baseHref: '../admin/images/pictos/',
      img: {
        src: 'preloader-horizontal.gif',
        styles: {
          width: 160,
          height: 20
        }
      },
      layer: {
        background: '#fff',
        opacity: 0.9
      }
    },
    onComplete: function(){
    }
  }).send("affiche_produit=1&id_parent="+id_parent);
}