function surligne2(obj)
{
 var contenu = document.getElementById(obj).innerHTML;
 //alert(contenu);
 for (var i = kw.length - 1; i >= 0; i--)
 {
  //alert(contenu);
  var res = new RegExp('(\\b'+kw[i]+'\\b)','ig');
//  contenu = contenu.replace(res,'<span class="hl">$1<\/span>');
  var res = new RegExp('(\\b'+kw[i]+'s\\b)','ig');
//  contenu = contenu.replace(res,'<span class="hl">$1<\/span>');
  var res1 = new RegExp('(<[^>]*?)<span class="hl">('+kw[i]+')<\/span>(.*?>)','ig');
  contenu = contenu.replace(res1,'$1$2$3');
  var res2 = new RegExp('(<script.*?>)<span class="hl">('+kw[i]+')<\/span>(<\/script>)','ig');
  contenu = contenu.replace(res2,'$1$2$3');
  var res3 = new RegExp('(<textarea.*?>)<span class="hl">('+kw[i]+')<\/span>(<\/textarea>)','ig');
  contenu = contenu.replace(res3,'$1$2$3');}
  document.getElementById(obj).innerHTML = contenu;
}

                  

/*
 * This is the function that actually highlights a text string by
 * adding HTML tags before and after all occurrences of the search
 * term. You can pass your own tags if you'd like, or if the
 * highlightStartTag or highlightEndTag parameters are omitted or
 * are empty strings then the default <font> tags will be used.
 */
function doHighlight(bodyText, searchTerm, highlightStartTag, highlightEndTag) 
{
  // the highlightStartTag and highlightEndTag parameters are optional
  if ((!highlightStartTag) || (!highlightEndTag)) {
    highlightStartTag = "<font style='color:blue; background-color:yellow;'>";
    highlightEndTag = "</font>";
  }
  
  // find all occurences of the search term in the given text,
  // and add some "highlight" tags to them (we're not using a
  // regular expression search, because we want to filter out
  // matches that occur within HTML tags and script blocks, so
  // we have to do a little extra validation)
  var newText = "";
  var i = -1;
  var lcSearchTerm = searchTerm.toLowerCase();
  var lcBodyText = bodyText.toLowerCase();
    
  while (bodyText.length > 0) {
    i = lcBodyText.indexOf(lcSearchTerm, i+1);
    if (i < 0) {
      newText += bodyText;
      bodyText = "";
    } else {
      // skip anything inside an HTML tag
      if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf("<", i)) {
        // skip anything inside a <script> block
        if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) {
          newText += bodyText.substring(0, i) + highlightStartTag + bodyText.substr(i, searchTerm.length) + highlightEndTag;
          bodyText = bodyText.substr(i + searchTerm.length);
          lcBodyText = bodyText.toLowerCase();
          i = -1;
        }
      }
    }
  }
  
  return newText;
}


/*
 * This is sort of a wrapper function to the doHighlight function.
 * It takes the searchText that you pass, optionally splits it into
 * separate words, and transforms the text on the current web page.
 * Only the "searchText" parameter is required; all other parameters
 * are optional and can be omitted.
 */
function surligne(obj, searchText)
{
  searchArray = searchText.split(" ");
  highlightStartTag = "<span class='hl'>";
  highlightEndTag = "</span>"
  
  if (!document.body || typeof(document.body.innerHTML) == "undefined") {
    return false;
  }
  
  var bodyText = document.getElementById(obj).innerHTML;
  for (var i = 0; i < searchArray.length; i++) {
    if (searchArray[i].length >= 3)
    {
     bodyText = doHighlight(bodyText, searchArray[i], highlightStartTag, highlightEndTag);
    }
  }
  
  document.getElementById(obj).innerHTML = bodyText;
  return true;
}