Index: lams_central/web/favoriteOrganisations.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/Attic/favoriteOrganisations.jsp,v
diff -u -r1.1.2.1 -r1.1.2.2
--- lams_central/web/favoriteOrganisations.jsp	27 Oct 2016 16:02:36 -0000	1.1.2.1
+++ lams_central/web/favoriteOrganisations.jsp	7 Feb 2017 06:36:04 -0000	1.1.2.2
@@ -5,7 +5,7 @@
 <%@ taglib uri="tags-function" prefix="fn"%>
 <%@ taglib uri="tags-tiles" prefix="tiles" %>
 
-<div id="favorite-organisations-container">
+<div id="favorite-organisations-container" class="tour-organisations-favorites">
 
 	<c:if test="${not empty favoriteOrganisations}">
 		<ul class="nav" id="favorite-organisations">
Index: lams_central/web/group.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/group.jsp,v
diff -u -r1.9.2.3 -r1.9.2.4
--- lams_central/web/group.jsp	30 Oct 2016 23:26:05 -0000	1.9.2.3
+++ lams_central/web/group.jsp	7 Feb 2017 06:36:04 -0000	1.9.2.4
@@ -8,7 +8,7 @@
 	<span class="lead">
 		<strong><c:out value="${orgBean.name}" /></strong>
 	</span>
-	<a href="#" onclick="javascript:toggleFavoriteOrganisation(${orgBean.id});">
+	<a href="#" onclick="javascript:toggleFavoriteOrganisation(${orgBean.id});" class="tour-favorite-organisation">
 		<c:choose>
 			<c:when test="${orgBean.favorite}">
 				<i id="favorite-star" class="fa fa-star" title="<fmt:message key='label.remove.org.favorite'/>"></i>
@@ -21,6 +21,7 @@
 	
 	<!-- Group header -->
 	<c:set var="org" value="${orgBean}" />
+	<c:set var="addTourClass" value="true" /> <%-- turn on for the buttons in the course header and for the first lesson then turn off --%>
 	<%@ include file="groupHeader.jsp"%>
 </div>
 
@@ -44,7 +45,7 @@
 			
 			<c:set var="org" value="${childOrg}" />
 			<%@ include file="groupHeader.jsp"%>
-			
+
 			<div id="${childOrg.id}-lessons" class="lesson-table subgroup-lesson-table">
 				<%@ include file="groupContents.jsp"%>
 			</div>
@@ -54,7 +55,7 @@
 
 <c:if test="${orgBean.allowSorting}">
 	<div class="pull-right">
-		<a class="sorting text-muted" href="#" onClick="javascript:makeOrgSortable()" title="<fmt:message key="label.enable.lesson.sorting"/>">
+		<a class="sorting text-muted tour-sorting" href="#" onClick="javascript:makeOrgSortable()" title="<fmt:message key="label.enable.lesson.sorting"/>">
 			<i class="fa fa-sort"></i>
 		</a>
 	</div>
Index: lams_central/web/groupContents.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/groupContents.jsp,v
diff -u -r1.23.2.1 -r1.23.2.2
--- lams_central/web/groupContents.jsp	13 Oct 2016 06:43:46 -0000	1.23.2.1
+++ lams_central/web/groupContents.jsp	7 Feb 2017 06:36:04 -0000	1.23.2.2
@@ -30,12 +30,16 @@
 
 		<div class="lesson-actions" style="transform: rotate(180deg);">
 			<c:forEach var="lessonlink" items="${lesson.links}">
-				<a href="<c:out value='${lessonlink.url}'/>"  style="padding-left: 10px; padding-right:10px;"
+				<c:choose><c:when test="${addTourClass}"><c:set var="tourClass">class="tour-${lessonlink.id}"</c:set></c:when>
+				<c:otherwise><c:set var="tourClass"></c:set></c:otherwise></c:choose>
+				
+				<a href="<c:out value='${lessonlink.url}'/>"  ${tourClass} style="padding-left: 10px; padding-right:10px;"
 					<c:if test="${not empty lessonlink.tooltip}">
 						title="<fmt:message key='${lessonlink.tooltip}'/>"
 					</c:if>>
 					 	<i style="transform: rotate(-180deg);" class="${lessonlink.style} lesson-action-label" title="<fmt:message key='${lessonlink.name}'/>"></i></a>
 			</c:forEach>
 		</div>
+		<c:set var="addTourClass" value="false" />
 	</div>
 </c:forEach>
Index: lams_central/web/groupHeader.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/groupHeader.jsp,v
diff -u -r1.9.2.4 -r1.9.2.5
--- lams_central/web/groupHeader.jsp	23 Oct 2016 15:13:54 -0000	1.9.2.4
+++ lams_central/web/groupHeader.jsp	7 Feb 2017 06:36:04 -0000	1.9.2.5
@@ -8,7 +8,7 @@
 	<!-- bootstrap More options dropdown -->
 	<div class="course-right-buttons pull-right">
 	<div class="btn-group">
-	  <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-fw fa-sliders" title="<fmt:message key="index.moreActions" />"></i> <span class="hidden-xs"><fmt:message key="index.moreActions" /></span> <span class="caret"></span></button>
+	  <button type="button" class="btn btn-primary btn-sm dropdown-toggle ${addTourClass?'tour-more-options':''}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-fw fa-sliders" title="<fmt:message key="index.moreActions" />"></i> <span class="hidden-xs"><fmt:message key="index.moreActions" /></span> <span class="caret"></span></button>
 	  <ul class="dropdown-menu" style="padding: 10px;">
 		<c:forEach var="link" items="${org.moreLinks}">
 			 <li onClick="${link.url}"
@@ -30,9 +30,9 @@
 		<c:when test="${link.name eq 'index.addlesson.single'}">
 			<div class="course-right-buttons pull-right">
 				<div class="btn-group" role="group">
-					<button onClick="<c:out value='${link.url}'/>" type="button" class="btn btn-primary btn-sm"><i class="${link.style}" title="<fmt:message key="index.addlesson" />"></i> <span class="hidden-xs"><fmt:message key="index.addlesson" /></span></button>
+					<button onClick="<c:out value='${link.url}'/>" type="button" class="btn btn-primary btn-sm ${addTourClass?'tour-add-lesson':''}"><i class="${link.style}" title="<fmt:message key="index.addlesson" />"></i> <span class="hidden-xs"><fmt:message key="index.addlesson" /></span></button>
 					<div class="btn-group" role="group">
-						<button id="addSingleActivityLessonDrop" type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						<button id="addSingleActivityLessonDrop" type="button" class="btn btn-primary btn-sm dropdown-toggle ${addTourClass?'tour-add-single-lesson':''}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 							<span class="caret"></span>
 						</button>
 						<ul class="dropdown-menu" aria-labelledby="openDropButton">
@@ -49,7 +49,7 @@
 		</c:when>
 		<c:otherwise>
 			<div class="course-right-buttons pull-right">
-				<a class="btn btn-primary btn-sm" onClick="<c:out value='${link.url}'/>"
+				<a class="btn btn-primary btn-sm tour-${link.id}" onClick="<c:out value='${link.url}'/>"
                                         <c:if test="${not empty link.tooltip}">
                                         title="<fmt:message key='${link.tooltip}'/>"
                                     </c:if>>
Index: lams_central/web/main.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/main.jsp,v
diff -u -r1.77.2.41 -r1.77.2.42
--- lams_central/web/main.jsp	20 Dec 2016 12:20:32 -0000	1.77.2.41
+++ lams_central/web/main.jsp	7 Feb 2017 06:36:04 -0000	1.77.2.42
@@ -20,6 +20,7 @@
 	<link rel="stylesheet" href="/lams/css/jquery.tablesorter.theme.bootstrap.css">
 	<link rel="stylesheet" href="/lams/css/jquery-ui-bootstrap-theme.css" type="text/css" media="screen">
 	<link rel="stylesheet" href="/lams/css/main.css" type="text/css" media="screen">
+	<link rel="stylesheet" href="/lams/css/bootstrap-tour.min.css" type="text/css" media="screen">
 
 	<script type="text/javascript" src="includes/javascript/getSysInfo.js"></script>
 	<script type="text/javascript" src="loadVars.jsp"></script>
@@ -33,6 +34,7 @@
 	<script type="text/javascript" src="includes/javascript/jquery.dialogextend.js"></script>	
 	<script type="text/javascript" src="includes/javascript/dialog.js"></script>
 	<script type="text/javascript" src="includes/javascript/bootstrap.min.js"></script>
+	<script type="text/javascript" src="includes/javascript/bootstrap-tour.min.js"></script>
 	<script type="text/javascript" src="includes/javascript/jquery.ui.touch-punch.js"></script>
 	<script type="text/javascript" src="includes/javascript/jquery.slimscroll.js"></script>
 	<script type="text/javascript" src="includes/javascript/main.js"></script>
@@ -129,7 +131,11 @@
 	 			</c:if>
   		    } 
 		    </c:if>
+		    
 		});
+	
+		<%@ include file="mainTour.jsp" %>
+
 	</script>
 </lams:head>
 <body <c:if test="${not empty lastVisitedOrganisationId}">class="offcanvas-hidden"</c:if>>
@@ -158,9 +164,11 @@
 						data-column="1" type="search">
 			</div>
             
+            <div class="tour-organisations">
 			<lams:TSTable numColumns="2">
 			</lams:TSTable>
-
+			</div>
+			
         </div>
     </nav>
 <!-- /Offcanvas Bar -->
@@ -172,12 +180,12 @@
 		<div class="nav_menu">
 			<nav>
 				<div class="offcanvas-toggle offcanvas-toggle-header">
-					<i class="fa fa-bars"></i>
+					<i class="fa fa-bars tour-course-reveal"></i>
 				</div>
 
 				<ul class="nav navbar-nav navbar-right">
 					<li>
-						<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+						<a href="javascript:;" class="user-profile dropdown-toggle tour-user-profile" data-toggle="dropdown" aria-expanded="false">
 	                  		<c:choose>
 	                  			<c:when test="${not empty portraitUuid}">
 	                  				<c:set var="portraitSrc">download/?uuid=${portraitUuid}&preferDownload=false</c:set>
@@ -257,19 +265,27 @@
 						</c:choose>
 						
 						<li role="presentation">       
-							<a href="<c:out value='${headerlink.url}' />" title="${headerLinkTitle}">
+							<a href="<c:out value='${headerlink.url}' />"  class="tour-${headerlink.id}" title="${headerLinkTitle}">
 								<i class="fa ${headerLinkIcon}"></i> 
 								<span class="xs-hidden"><c:out value='${headerLinkName}'/></span>
 							</a>
 						</li>
 					</c:forEach>
-					
-					<li role="presentation" class="dropdown">       
-						<a href="javascript:;" onclick="javascript:showPrivateNotificationsDialog();" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
+
+					<li role="presentation" class="dropdown">   
+						<a href="javascript:;" onclick="javascript:showPrivateNotificationsDialog();" class="dropdown-toggle info-number tour-user-notifications" data-toggle="dropdown" aria-expanded="false">
 							<i class="fa fa-envelope-o"></i>
                     		<span id="notificationsPendingCount" class="btn-primary"></span>
 						</a>
 					</li>
+					
+					<li role="presentation" class="dropdown">       
+						<a href="javascript:;" onclick="javascript:startTour();" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
+							<i class="fa fa-question-circle"></i>
+							<span class="xs-hidden">Take Tour</span>
+						</a>
+					</li>
+					
 				</ul>
 			</nav>
 		</div>
@@ -286,8 +302,8 @@
 		
 		<div class="row no-gutter">
 			<div class="col-xs-12">
-	        	<div id="org-container"></div>
-		  	</div>
+	        	<div id="org-container" class="tour-org-container"></div>
+			</div>
 		</div>
 	
 	<!-- TODO ADD this button	<div id="refreshButton" class="btn btn-default btn-sm pull-right" title="<fmt:message key="index.refresh.hint"/>"
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_central/web/mainTour.jsp'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_central/web/css/bootstrap-tour.min.css'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_central/web/includes/javascript/bootstrap-tour.min.js'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java
===================================================================
RCS file: /usr/local/cvsroot/lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java,v
diff -u -r1.4.2.1 -r1.4.2.2
--- lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java	5 May 2016 08:11:00 -0000	1.4.2.1
+++ lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java	7 Feb 2017 06:35:01 -0000	1.4.2.2
@@ -39,18 +39,21 @@
     private String url;
     private String style;
     private String tooltip;
+    private String id;
 
     public IndexLinkBean(String name, String url, String style, String tooltip) {
 	super();
 	this.name = name;
 	this.url = url;
 	this.style = style;
 	this.tooltip = tooltip;
+	this.id = name != null ? name.replace('.', '-') : null;
     }
 
     public IndexLinkBean(String name, String url) {
 	this.name = name;
 	this.url = url;
+	this.id = name != null ? name.replace('.', '-') : null;
     }
 
     /**
@@ -66,6 +69,7 @@
      */
     public void setName(String name) {
 	this.name = name;
+	this.id = name != null ? name.replace('.', '-') : null;
     }
 
     /**
@@ -99,4 +103,12 @@
 	this.tooltip = tooltip;
     }
 
+    public String getId() {
+	return id;
+    }
+
+    public void setId(String id) {
+	this.id = id;
+    }
+
 }