var setFormulaireDepotAnnonce = function( frontOffice ){
  if( frontOffice ){ var dir = '.' ; }else{ var dir = '..' ; }

  // tous les secteurs dans un tableau ;
  var secteurs = $( '#secteurs_selection > option' ) ;
  var secteursTab = new Array ;
  secteurs.each( function( ){ secteursTab[this.value] = this.innerHTML ; } ) ;

  var showSelectedSecteur = function( idSecteur, nomSecteur ){
    var input = document.createElement( 'input' ) ; input.type = 'hidden' ; input.name = "secteur[]" ; input.value = idSecteur ; input.className = "inputAnnonce" ; 
    var img = new Image( ) ; img.src = dir + '/img/func/close.jpg' ; img.alt = "fermer" ; img.id = "bt_close_secteur_" + idSecteur ; img.className = "floatRight" ; img.width = "15" ; img.height = "15" ;
    var label = document.createElement( 'label' ) ; label.innerHTML = ' ' ; label.className = "labelAnnonce" ;
    var span = document.createElement( 'span' ) ; span.innerHTML = nomSecteur ;
    var p = document.createElement( 'p' ) ; p.id = "p_secteur_" + idSecteur ; p.appendChild( label ) ; p.appendChild( span ) ; p.appendChild( input ) ; p.appendChild( img ) ;
    $( '#liste_secteurs' ).append( p ) ;
    $( '#bt_close_secteur_' + idSecteur ).setCursor( ).click( function( ){ $( this ).parent( ).remove( ) ; } ) ;
  }

  $( '#secteurs_selection' ).change( function( ){
    var idSecteur = $( '#secteurs_selection' ).val( ) ;
    var nomSecteur = secteursTab[idSecteur] ;
    if( !exists( 'p_secteur_' + idSecteur ) && idSecteur != 'none' ){ showSelectedSecteur( idSecteur, nomSecteur ) ; }
    $( '#secteurs_selection' ).val( 'none' ) ;
  } ) ;

  // tous les investissements dans un tableau ;
  var investissements = $( '#investissements_selection > option' ) ;
  var investissementsTab = new Array ;
  investissements.each( function( ){ investissementsTab[this.value] = this.innerHTML ; } ) ;

  var showSelectedInvestissement = function( idInvestissement, nomInvestissement ){
    var input = document.createElement( 'input' ) ; input.type = 'hidden' ; input.name = "investissement[]" ; input.value = idInvestissement ; input.className = "inputAnnonce" ; 
    var img = new Image( ) ; img.src = dir + '/img/func/close.jpg' ; img.alt = "fermer" ; img.id = "bt_close_investissement_" + idInvestissement ; img.className = "floatRight" ; img.width = "15" ; img.height = "15" ;
    var label = document.createElement( 'label' ) ; label.innerHTML = ' ' ; label.className = "labelAnnonce" ;
    var span = document.createElement( 'span' ) ; span.innerHTML = nomInvestissement ;
    var p = document.createElement( 'p' ) ; p.id = "p_investissement_" + idInvestissement ; p.appendChild( label ) ; p.appendChild( span ) ; p.appendChild( input ) ; p.appendChild( img ) ;
    $( '#liste_investissements' ).append( p ) ;
    $( '#bt_close_investissement_' + idInvestissement ).setCursor( ).click( function( ){ $( this ).parent( ).remove( ) ; } ) ;
  }

  $( '#investissements_selection' ).change( function( ){
    var idInvestissement = $( '#investissements_selection' ).val( ) ;
    var nomInvestissement = investissementsTab[idInvestissement] ;
    if( !exists( 'p_investissement_' + idInvestissement ) && idInvestissement != 'none' ){ showSelectedInvestissement( idInvestissement, nomInvestissement ) ; }
    $( '#investissements_selection' ).val( 'none' ) ; 
  } ) ;

  // pour les champs dossier :

  var reOrderDossier = function( ){
    var i = 1 ;
    $( '.dossier' ).each( function( ){ 
      var current = $( this ).attr( 'id' ).split( '_' ) ;
      var c = current[2] ;
      $( this ).attr( 'id' , 'dossier_field_' + i ) ;
      $( '#label_dossier_' + c ).html( 'Dossier ' + i ).attr( 'id' , 'label_dossier_' + i ) ;
      $( '#bt_close_dossier_' + c ).attr( 'id', 'bt_close_dossier_' + i ) ;
      $( '#file_dossier_' + c ).attr( { id: 'file_dossier_' + i , name: 'file_dossier_' + i } ) ;
      $( '#lien_dossier_' + c ).html( 'Lien dossier ' + i ).attr( 'id' , 'label_dossier_' + i ) ;
      $( '#id_dossier_' + c ).attr( 'id', 'id_dossier_' + i ) ;
      i++ ;
    } ) ;
  }
  
  var deleteDossier = function( idDossier ){
    var input = document.createElement( 'input' ) ;
    input.type = 'hidden' ;
    input.name = 'delete_dossiers[]' ;
    input.value = idDossier ;
    $( '#bt_ajouter_un_dossier' ).parent( ).append( input ) ;
  }
  
  var closeDossier = function( obj ){
    // si id_dossier = 0
    var parent = $( obj ).parent( ) ;
    var tmp = $( parent ).attr( 'id' ).split( '_' ) ;
    var index = tmp[2] ;
    var id = $( '#id_dossier_' + index ).val( ) ;
    if( parseInt( id ) != 0 ){ deleteDossier( id ) ; }
    $( parent ).remove( ) ; 
    reOrderDossier( ) ;
  }

  var createNewDossierField = function( ){
    var index = $( '.dossier' ).length + 1 ;
    var label_titre = document.createElement( 'label' ) ; label_titre.innerHTML = "Dossier " + index ; label_titre.id = 'label_dossier_' + index ;
    var input_titre = document.createElement( 'input' ) ; input_titre.type = 'text' ; input_titre.name = 'titre_dossier[]' ; input_titre.className = "inputField" ;
    var input_file = document.createElement( 'input' ) ; input_file.type = 'file' ; input_file.name = 'file_dossier_' + index ; input_file.id = 'file_dossier_' + index ; input_file.className = 'floatRight' ; input_file.size = "28" ;
    var espace = document.createElement( 'span' ); espace.innerHTML = '   ' ;
    var img = new Image( ) ; img.src = dir + '/img/func/close.jpg' ; img.id = "bt_close_dossier_" + index ; img.width = "15" ; img.height = "15" ; img.className = "bt_close_dossier" ;
    var input_id = document.createElement( 'input' ) ; input_id.type = 'hidden' ; input_id.name = 'id_dossier[]' ; input_id.value = 0 ; input_id.id = 'id_dossier_' + index ;
    var p = document.createElement( 'p' ) ; p.className = "dossier" ; p.id = "dossier_field_" + index ;
    p.appendChild( label_titre ) ; p.appendChild( input_titre ) ; p.appendChild( espace ) ; p.appendChild( img ) ; p.appendChild( input_file ) ; p.appendChild( input_id ) ;
    $( '#bt_ajouter_un_dossier' ).parent( ).append( p ) ;
    $( '#bt_close_dossier_' + index ).setCursor( ).click( function( ){ closeDossier( this ) ; } ) ;
  }

  $( '#bt_ajouter_un_dossier' ).setCursor( ).click( function( ){ createNewDossierField( ) ; } ) ;
  $( '.bt_close_secteur' ).each( function(){ $( this ).setCursor( ).click( function( ){ $( this ).parent( ).remove( ) ; } ) ; } ) ;
  $( '.bt_close_investissement' ).each( function(){ $( this ).setCursor( ).click( function( ){ $( this ).parent( ).remove( ) ; } ) ; } ) ;
  $( '.bt_close_dossier' ).each( function(){ $( this ).setCursor( ).click( function( ){ closeDossier( this ) ; } ) ; } ) ;

}