if (Drupal.jsEnabled) {
  $(document).ready(suggestedterms_build_links);
}

function suggestedterms_build_links() {
  var seperator = ', ';
  
  // get all attributes of span tag
  $('span.suggestedterm').each ( function() {
    var a = $("<a>" + $(this).text() + "</a>")
    .attr('href', '#')
    .addClass($(this).attr('class'))
    .bind('click', function(event) {
      event.preventDefault();
      $(this).toggleClass('selected');
	  var input = $(this).parent().siblings('input');
      var text = $(this).text();
	  var val = input.val();
	  
	  // add term
      if (((seperator + val + ',').indexOf(seperator + text + ',') < 0) && ((seperator + val + ',').indexOf(', "' + text + '",') < 0)) {
        if ((val).length > 0) {
          val += seperator;
        }
        val += text;
      }
	  
	  // remove term
	  else {
	  
	    val = val.replace(text+', ', '').replace(text, '');
		
		// remove any seperator at the begining of the string
		if (val.indexOf(seperator) == 0) {
	      val = val.substr(seperator.length, val.length);
	    }		
		
		// remove any seperator at end of the string
	    if (val.lastIndexOf(seperator) == val.length-seperator.length) {
	      val = val.substr(0, val.lastIndexOf(seperator));
	    }
	    
	  }
	  input.val(val);
    }); // end bind
    $(this).before(a).remove();
  }); // end span.suggestedterm
} // end build_links