function TL_add( fname, key, value ){
  
  if( $('#'+fname).val( ) == "" ) {
    $('#'+fname).val( "|" );
  }
  $('#'+fname).val( $('#'+fname).val() + key + "|");
  $('#'+fname+"_selected").append("<LI id=\"sel_"+ fname + "_" + key  + "\"><A onclick=\"javascript:return TL_remove('" + fname + "', '" + key + "', '" + value + "' );\" href=\"#\">" + value + "</A></LI>" );

//  html = $('#'+fname+"_unselected").html().replace("<LI><A href=\"#\" onclick=\"javascript:return TL_add('" + fname + "', '" + key + "', '" + value + "' );\">" + value + "</A></LI>", "");


 // s =  "<LI><A onclick=\"javascript:return TL_add('" + fname + "', '" + key + "', '" + value + "' );\" href=\"#\">" + value + "</A></LI>";
//  html = $('#'+fname+"_unselected").html().replace(s, "" );


 //$('#'+fname+"_unselected").html( html );
 
 $("#unsel_" + fname + "_" + key ).html("") ;
 $("#unsel_" + fname + "_" + key ).remove() ;
  return false;
}

function TL_remove( fname, key, value ){
  
  if( $('#'+fname).val( ) == "" ) {
    $('#'+fname).val( "|" );
  }

  $('#'+fname).val( $('#'+fname).val().replace( "|" + key + "|", "|" ) );

  $('#'+fname+"_unselected").prepend("<LI id=\"unsel_" + fname + "_" + key + "\"><A onclick=\"javascript:return TL_add('" + fname + "', '" + key + "', '" + value + "' );\" href=\"#\">" + value + "</a></LI>" );

 // s =  "<LI><A onclick=\"javascript:return TL_remove('" + fname + "', '" + key + "', '" + value + "' );\" href=\"#\">" + value + "</A></LI>";
//  html = $('#'+fname+"_selected").html().replace(s, "" );


//  $('#'+fname+"_selected").html( html );


 $("#sel_" + fname + "_" + key ).html("") ;
 $("#sel_" + fname + "_" + key ).remove() ;
  return false;
}

function TL_set( fname, value ){
  $('#'+fname).val( value );
  keys = $('#'+fname+"_keys").val().split( "|" );
  values = $('#'+fname+"_values").val().split( "|" );
  $('#'+fname+"_selected").html("");
  $('#'+fname+"_unselected").html("");
  s = " " + value;
  for( i = 0; i < keys.length; i++ ){
    key = keys[i];
    value = values[i];
    
    if( s.indexOf( "|" + key + "|" ) > 0 ){
      $('#'+fname+"_selected").append("<LI id=\"sel_" + fname + "_" + key + "\"><A href=\"#\" onclick=\"javascript:return TL_remove('" + fname + "', '" + key + "', '" + value + "' );\">" + value + "</A></LI>" );
    }
    else {
      $('#'+fname+"_unselected").append("<LI id=\"unsel" + fname + "_" + key + "\"><A href=\"#\" onclick=\"javascript:return TL_add('" + fname + "', '" + key + "', '" + value + "' );\">" + value + "</A></LI>" );
    }
  }
}




;


;
;
;


;
;


;
;