diff --git a/gazelle-proxy-common-war/src/main/webapp/messages/commonProperties.xhtml b/gazelle-proxy-common-war/src/main/webapp/messages/commonProperties.xhtml
index 44aaafeabf442a0781b9cb4730097ea134a3b187..b6f595a5ebc7834de97f515e5a178813b38182bf 100644
--- a/gazelle-proxy-common-war/src/main/webapp/messages/commonProperties.xhtml
+++ b/gazelle-proxy-common-war/src/main/webapp/messages/commonProperties.xhtml
@@ -3,42 +3,94 @@
 	xmlns:ui="http://java.sun.com/jsf/facelets"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:h="http://java.sun.com/jsf/html"
-	xmlns:rich="http://richfaces.org/rich">
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.PermanentLink']} : " style="font-weight:bold;" />
-	<h:outputLink
-		value="#{messageBean.displayURLOfPage()}?id=#{messageBean.message.id}">
-		<h:outputText value="#{messages['net.ihe.gazelle.proxy.PermanentLink']}" />
-	</h:outputLink>
+	xmlns:rich="http://richfaces.org/rich"
+	xmlns:a4j="http://richfaces.org/a4j">
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.ID']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.id }"
-		style="font-size:small" />
+	<s:div id="switchDiv">
+		<br />
+		<h:outputText value="Select index ID :" style="font-weight:bold;" />
+		<rich:inputNumberSpinner
+			value="#{messageBean.messageIndex}"
+			minValue="1"
+			maxValue="#{messageBean.messageIndexMax}">
+			<a4j:support event="onchange" reRender="globalDiv,switchDiv" action="#{messageBean.redirectToMessage(messageBean.messageByIndex)}" />
+		</rich:inputNumberSpinner>
+	</s:div>
+	<s:div id="globalDiv">
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.PermanentLink']} : "
+			style="font-weight:bold;" />
+		<h:outputLink
+			value="#{messageBean.displayURLOfPage()}?id=#{messageBean.message.id}">
+			<h:outputText
+				value="#{messages['net.ihe.gazelle.proxy.PermanentLink']}" />
+		</h:outputLink>
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.DateReceived']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.dateReceived }" />
+		<h:outputText value="#{messages['net.ihe.gazelle.proxy.ID']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.id }"
+			style="font-size:small" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.InitiatorIP']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.fromIP}" />
+		<h:outputText value="Connection ID :" style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.connection.id }"
+			style="font-size:small" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.InitiatorPort']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.localPort}" />
+		<h:outputText value="Index :" style="font-weight:bold;" />
+		<h:outputText
+			value="#{messageBean.getMessageIndex(messageBean.message) }"
+			style="font-size:small" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.ProxyPort']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.proxyPort}" />
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.DateReceived']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.dateReceived }" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.ResponderIP']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.toIP}" />
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.InitiatorIP']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.fromIP}" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.ResponderPort']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.remotePort}" />
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.InitiatorPort']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.localPort}" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.Side']} :" style="font-weight:bold;" />
-	<h:graphicImage value="/img/request.png"
-		rendered="#{messageBean.message.proxySide.isRequest()}" />
-	<h:graphicImage value="/img/response.png"
-		rendered="#{not messageBean.message.proxySide.isRequest()}" />
+		<h:outputText value="#{messages['net.ihe.gazelle.proxy.ProxyPort']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.proxyPort}" />
+		<br />
 
-	<h:outputText value="#{messages['net.ihe.gazelle.proxy.MessageLength']} :" style="font-weight:bold;" />
-	<h:outputText value="#{messageBean.message.getMessageLength()}" />
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.ResponderIP']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.toIP}" />
+		<br />
 
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.ResponderPort']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.remotePort}" />
+		<br />
+
+		<h:outputText value="#{messages['net.ihe.gazelle.proxy.Side']} :"
+			style="font-weight:bold;" />
+		<h:graphicImage value="/img/request.png"
+			rendered="#{messageBean.message.proxySide.isRequest()}" />
+		<h:graphicImage value="/img/response.png"
+			rendered="#{not messageBean.message.proxySide.isRequest()}" />
+		<br />
+
+		<h:outputText
+			value="#{messages['net.ihe.gazelle.proxy.MessageLength']} :"
+			style="font-weight:bold;" />
+		<h:outputText value="#{messageBean.message.getMessageLength()}" />
+		<br />
+	</s:div>
 </ui:composition>
\ No newline at end of file