Index: main/trunk/greenstone3/web/interfaces/default/style/core.css
===================================================================
--- main/trunk/greenstone3/web/interfaces/default/style/core.css	(revision 30538)
+++ main/trunk/greenstone3/web/interfaces/default/style/core.css	(revision 30540)
@@ -286,4 +286,26 @@
 }
 
+#groupLinks a img{
+        display: block;
+        float: left;
+        border: 1px solid #888;
+        margin: 0 20px 20px 0;
+        font-size: 150%;
+        color: #444;
+        text-decoration: none;
+        height:60px;
+}
+
+.groupLink {
+	display: block;
+	float: left;
+	border: 1px solid #888;
+	margin: 0 20px 20px 0;
+	font-size: 150%;
+	color: #444;
+	text-decoration: none;
+	min-width: 200px;
+	text-align:center;
+}
 .collectionLink {
 	display: block;
@@ -302,7 +324,15 @@
 }
 
+.groupLinkText {
+        padding: 15px 15px 10px;
+}
+
 /* some text should not be rendered as it is just there for search engines */
 #collectionLinks a b {
 	display: none;
+}
+
+#groupLinks a b {
+        display: none;
 }
 
Index: main/trunk/greenstone3/web/interfaces/default/transform/gslib.xsl
===================================================================
--- main/trunk/greenstone3/web/interfaces/default/transform/gslib.xsl	(revision 30538)
+++ main/trunk/greenstone3/web/interfaces/default/transform/gslib.xsl	(revision 30540)
@@ -199,4 +199,29 @@
       </input>
     </form>
+  </xsl:template>
+  
+  <xsl:template name="groupLinkWithImage">
+    <xsl:variable name="desc"><xsl:value-of select="description"/></xsl:variable>
+    <xsl:variable name="group_href"><xsl:value-of select="$library_name"/>?a=p&amp;sa=home&amp;group=<xsl:value-of select="/page/pageRequest/paramList/param[@name='group']/@value"/>/<xsl:value-of select="@name"/></xsl:variable>
+    <xsl:choose>
+      <xsl:when test="backgroundImage">
+        <a href="{$group_href}" title="{$desc}">
+          <img class="groupLinkImage">
+            <xsl:attribute name="alt"><xsl:value-of select="displayItem[@name='name']"/></xsl:attribute>
+            <xsl:attribute name="src">sites/<xsl:value-of select="$site_name"/>/images/<xsl:value-of select="backgroundImage"/></xsl:attribute>
+          </img>
+        </a>
+      </xsl:when>
+      <xsl:otherwise>
+        <a href="{$group_href}" title="{$desc}">
+          <div class="groupLink ui-corner-all">
+			<div class="groupLinkText ui-widget-content ui-corner-top">
+				<xsl:value-of select="title"/>
+			</div>
+			<div style="height:15px;" class="ui-state-default ui-corner-bottom"><xsl:text> </xsl:text></div>
+          </div>
+        </a>
+      </xsl:otherwise>
+    </xsl:choose>
   </xsl:template>
   
Index: main/trunk/greenstone3/web/interfaces/default/transform/pages/home.xsl
===================================================================
--- main/trunk/greenstone3/web/interfaces/default/transform/pages/home.xsl	(revision 30538)
+++ main/trunk/greenstone3/web/interfaces/default/transform/pages/home.xsl	(revision 30540)
@@ -15,5 +15,9 @@
 
 	<!-- set page breadcrumbs -->
-	<xsl:template name="breadcrumbs"></xsl:template>
+	<xsl:template name="breadcrumbs">
+		<xsl:if test="/page/pageRequest/paramList/param[@name='group']">
+			<gslib:siteLink/>
+		</xsl:if>
+	</xsl:template>
 
 	<!-- the page content -->
@@ -26,6 +30,14 @@
 		<h2><gslib:selectACollectionTextBar/></h2>
 
-		<xsl:call-template name="collectionLinks"/>
-
+		<xsl:for-each select="collectionList/collection|groupList/group">
+                	<xsl:sort select="@position"/>
+			<xsl:if test="name() = 'collection'">
+                                <gslib:collectionLinkWithImage/>
+			</xsl:if>
+			<xsl:if test="name() = 'group'">
+                                <gslib:groupLinkWithImage/>
+			</xsl:if>			
+                </xsl:for-each>
+	
 	        <div style="clear: both; padding-top: 4px; padding-bottom: 4px;"><hr/></div>
 
@@ -43,4 +55,18 @@
 	</xsl:template>
 
+	<xsl:template name="groupLinks">
+		<div id="groupLinks">
+			<!-- <xsl:if test="count(groupList/group) = 0">
+				<xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'home.no_collections')"/>
+				<br/>
+			</xsl:if>
+			-->
+			<xsl:for-each select="groupList/group">
+				<gslib:groupLinkWithImage/>
+			</xsl:for-each>
+			<br class="clear"/>
+		</div>
+	</xsl:template>
+	
 	<xsl:template name="collectionLinks">
 		<div id="collectionLinks">
