Index: webapp/cms/skins/demo/resources/css/content.css
===================================================================
--- webapp/cms/skins/demo/resources/css/content.css	(revision 7774)
+++ webapp/cms/skins/demo/resources/css/content.css	(working copy)
@@ -16,6 +16,10 @@
  
 /** This CSS is used simultaneaously in BO for content preview (prefixed by mceContentBody) and by final render (prefixed by #jsn-mainbody) */
 
+span.highlight {
+	background-color: #00FFFF;
+	}
+
 /* @ Content illustration */
 #jsn-mainbody .content-illustration {
 	float:left;
Index: webapp/cms/skins/demo/resources/js/jquery.highlight-3.js
===================================================================
--- webapp/cms/skins/demo/resources/js/jquery.highlight-3.js	(revision 0)
+++ webapp/cms/skins/demo/resources/js/jquery.highlight-3.js	(revision 0)
@@ -0,0 +1,53 @@
+/*
+
+highlight v3
+
+Highlights arbitrary terms.
+
+<http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html>
+
+MIT license.
+
+Johann Burkard
+<http://johannburkard.de>
+<mailto:jb@eaio.com>
+
+*/
+
+jQuery.fn.highlight = function(pat) {
+ function innerHighlight(node, pat) {
+  var skip = 0;
+  if (node.nodeType == 3) {
+   var pos = node.data.toUpperCase().indexOf(pat);
+   if (pos >= 0) {
+    var spannode = document.createElement('span');
+    spannode.className = 'highlight';
+    var middlebit = node.splitText(pos);
+    var endbit = middlebit.splitText(pat.length);
+    var middleclone = middlebit.cloneNode(true);
+    spannode.appendChild(middleclone);
+    middlebit.parentNode.replaceChild(spannode, middlebit);
+    skip = 1;
+   }
+  }
+  else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
+   for (var i = 0; i < node.childNodes.length; ++i) {
+    i += innerHighlight(node.childNodes[i], pat);
+   }
+  }
+  return skip;
+ }
+ return this.each(function() {
+  innerHighlight(this, pat.toUpperCase());
+ });
+};
+
+jQuery.fn.removeHighlight = function() {
+ return this.find("span.highlight").each(function() {
+  this.parentNode.firstChild.nodeName;
+  with (this.parentNode) {
+   replaceChild(this.firstChild, this);
+   normalize();
+  }
+ }).end();
+};
Index: webapp/cms/skins/demo/stylesheets/commons.xsl
===================================================================
--- webapp/cms/skins/demo/stylesheets/commons.xsl	(revision 7774)
+++ webapp/cms/skins/demo/stylesheets/commons.xsl	(working copy)
@@ -49,7 +49,7 @@
 				<xsl:call-template name="common-css" />
 				
 				<xsl:call-template name="additionnal-css" />
-				
+				<script src="{$skincontext}/js/jquery.highlight-3.js"></script>
 				<script type="text/javascript">
 				$j().ready(function() 
 				{
@@ -78,7 +78,38 @@
 						minLength: 2,
 						delay: 500
 					});
-												
+								
+					var i = location.search.indexOf("&amp;keywords=");
+					if (i == -1)
+					{
+						i = location.search.indexOf("?keywords=");
+					}
+					if (i != -1)
+					{
+						var p = location.search.substring(i + 10);
+						if (p.indexOf("&amp;") != -1)
+						{
+							p = p .substring(0, p.indexOf("&amp;"));
+						}
+						else if (p.indexOf("#") != -1)
+						{
+							p = p .substring(0, p.indexOf("#"));
+						} 
+						else if (p.indexOf(";") != -1)
+						{
+							p = p .substring(0, p.indexOf(";"));
+						} 
+
+						if (p != "")
+						{
+							var words = p; 
+							var keywords = words.split(','); 
+							for(var x = 0; x &lt; keywords.length; x++) 
+							{     
+								$j(document.body).highlight($j.trim(keywords[x])); 
+							}
+						}
+					} 				
 				});
 				</script>
 			</head>