Index: lams_central/web/css/bootstrap-tour.min.css
===================================================================
diff -u
--- lams_central/web/css/bootstrap-tour.min.css	(revision 0)
+++ lams_central/web/css/bootstrap-tour.min.css	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -0,0 +1,22 @@
+/* ========================================================================
+ * bootstrap-tour - v0.10.3
+ * http://bootstraptour.com
+ * ========================================================================
+ * Copyright 2012-2015 Ulrich Sossou
+ *
+ * ========================================================================
+ * Licensed under the MIT License (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ */
+
+.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000;opacity:.8;filter:alpha(opacity=80)}.tour-step-backdrop{position:relative;z-index:1101}.tour-step-backdrop>td{position:relative;z-index:1101}.tour-step-background{position:absolute!important;z-index:1100;background:inherit;border-radius:6px}.popover[class*=tour-]{z-index:1102}.popover[class*=tour-] .popover-navigation{padding:9px 14px;overflow:hidden}.popover[class*=tour-] .popover-navigation [data-role=end]{float:right}.popover[class*=tour-] .popover-navigation [data-role=prev],.popover[class*=tour-] .popover-navigation [data-role=next],.popover[class*=tour-] .popover-navigation [data-role=end]{cursor:pointer}.popover[class*=tour-] .popover-navigation [data-role=prev].disabled,.popover[class*=tour-] .popover-navigation [data-role=next].disabled,.popover[class*=tour-] .popover-navigation [data-role=end].disabled{cursor:default}.popover[class*=tour-].orphan{position:fixed;margin-top:0}.popover[class*=tour-].orphan .arrow{display:none}
\ No newline at end of file
Index: lams_central/web/favoriteOrganisations.jsp
===================================================================
diff -u -r353fe07604639c2166ed68fbf832810959f3f3cf -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_central/web/favoriteOrganisations.jsp	(.../favoriteOrganisations.jsp)	(revision 353fe07604639c2166ed68fbf832810959f3f3cf)
+++ lams_central/web/favoriteOrganisations.jsp	(.../favoriteOrganisations.jsp)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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
===================================================================
diff -u -rb594c93f7d31529431ae41c1cbb82ae81b81f771 -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_central/web/group.jsp	(.../group.jsp)	(revision b594c93f7d31529431ae41c1cbb82ae81b81f771)
+++ lams_central/web/group.jsp	(.../group.jsp)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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
===================================================================
diff -u -rb3ac8b06b9377eac584d8aa906d615cb31a808b8 -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_central/web/groupContents.jsp	(.../groupContents.jsp)	(revision b3ac8b06b9377eac584d8aa906d615cb31a808b8)
+++ lams_central/web/groupContents.jsp	(.../groupContents.jsp)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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
===================================================================
diff -u -r8ae74d3f32483f40194b9c79aaa01ccc13098885 -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_central/web/groupHeader.jsp	(.../groupHeader.jsp)	(revision 8ae74d3f32483f40194b9c79aaa01ccc13098885)
+++ lams_central/web/groupHeader.jsp	(.../groupHeader.jsp)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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/includes/javascript/bootstrap-tour.min.js
===================================================================
diff -u
--- lams_central/web/includes/javascript/bootstrap-tour.min.js	(revision 0)
+++ lams_central/web/includes/javascript/bootstrap-tour.min.js	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -0,0 +1,22 @@
+/* ========================================================================
+ * bootstrap-tour - v0.10.3
+ * http://bootstraptour.com
+ * ========================================================================
+ * Copyright 2012-2015 Ulrich Sossou
+ *
+ * ========================================================================
+ * Licensed under the MIT License (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ */
+
+!function(t,e){return"function"==typeof define&&define.amd?define(["jquery"],function(o){return t.Tour=e(o)}):"object"==typeof exports?module.exports=e(require("jQuery")):t.Tour=e(t.jQuery)}(window,function(t){var e,o;return o=window.document,e=function(){function e(e){var o;try{o=window.localStorage}catch(n){o=!1}this._options=t.extend({name:"tour",steps:[],container:"body",autoscroll:!0,keyboard:!0,storage:o,debug:!1,backdrop:!1,backdropContainer:"body",backdropPadding:0,redirect:!0,orphan:!1,duration:!1,delay:!1,basePath:"",template:'<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-default" data-role="end">End tour</button> </div> </div>',afterSetState:function(){},afterGetState:function(){},afterRemoveState:function(){},onStart:function(){},onEnd:function(){},onShow:function(){},onShown:function(){},onHide:function(){},onHidden:function(){},onNext:function(){},onPrev:function(){},onPause:function(){},onResume:function(){},onRedirectError:function(){}},e),this._force=!1,this._inited=!1,this._current=null,this.backdrop={overlay:null,$element:null,$background:null,backgroundShown:!1,overlayElementShown:!1}}return e.prototype.addSteps=function(t){var e,o,n;for(o=0,n=t.length;n>o;o++)e=t[o],this.addStep(e);return this},e.prototype.addStep=function(t){return this._options.steps.push(t),this},e.prototype.getStep=function(e){return null!=this._options.steps[e]?t.extend({id:"step-"+e,path:"",host:"",placement:"right",title:"",content:"<p></p>",next:e===this._options.steps.length-1?-1:e+1,prev:e-1,animation:!0,container:this._options.container,autoscroll:this._options.autoscroll,backdrop:this._options.backdrop,backdropContainer:this._options.backdropContainer,backdropPadding:this._options.backdropPadding,redirect:this._options.redirect,reflexElement:this._options.steps[e].element,backdropElement:this._options.steps[e].element,orphan:this._options.orphan,duration:this._options.duration,delay:this._options.delay,template:this._options.template,onShow:this._options.onShow,onShown:this._options.onShown,onHide:this._options.onHide,onHidden:this._options.onHidden,onNext:this._options.onNext,onPrev:this._options.onPrev,onPause:this._options.onPause,onResume:this._options.onResume,onRedirectError:this._options.onRedirectError},this._options.steps[e]):void 0},e.prototype.init=function(t){return this._force=t,this.ended()?(this._debug("Tour ended, init prevented."),this):(this.setCurrentStep(),this._initMouseNavigation(),this._initKeyboardNavigation(),this._onResize(function(t){return function(){return t.showStep(t._current)}}(this)),null!==this._current&&this.showStep(this._current),this._inited=!0,this)},e.prototype.start=function(t){var e;return null==t&&(t=!1),this._inited||this.init(t),null===this._current&&(e=this._makePromise(null!=this._options.onStart?this._options.onStart(this):void 0),this._callOnPromiseDone(e,this.showStep,0)),this},e.prototype.next=function(){var t;return t=this.hideStep(this._current,this._current+1),this._callOnPromiseDone(t,this._showNextStep)},e.prototype.prev=function(){var t;return t=this.hideStep(this._current,this._current-1),this._callOnPromiseDone(t,this._showPrevStep)},e.prototype.goTo=function(t){var e;return e=this.hideStep(this._current,t),this._callOnPromiseDone(e,this.showStep,t)},e.prototype.end=function(){var e,n;return e=function(e){return function(){return t(o).off("click.tour-"+e._options.name),t(o).off("keyup.tour-"+e._options.name),t(window).off("resize.tour-"+e._options.name),e._setState("end","yes"),e._inited=!1,e._force=!1,e._clearTimer(),null!=e._options.onEnd?e._options.onEnd(e):void 0}}(this),n=this.hideStep(this._current),this._callOnPromiseDone(n,e)},e.prototype.ended=function(){return!this._force&&!!this._getState("end")},e.prototype.restart=function(){return this._removeState("current_step"),this._removeState("end"),this._removeState("redirect_to"),this.start()},e.prototype.pause=function(){var t;return t=this.getStep(this._current),t&&t.duration?(this._paused=!0,this._duration-=(new Date).getTime()-this._start,window.clearTimeout(this._timer),this._debug("Paused/Stopped step "+(this._current+1)+" timer ("+this._duration+" remaining)."),null!=t.onPause?t.onPause(this,this._duration):void 0):this},e.prototype.resume=function(){var t;return t=this.getStep(this._current),t&&t.duration?(this._paused=!1,this._start=(new Date).getTime(),this._duration=this._duration||t.duration,this._timer=window.setTimeout(function(t){return function(){return t._isLast()?t.next():t.end()}}(this),this._duration),this._debug("Started step "+(this._current+1)+" timer with duration "+this._duration),null!=t.onResume&&this._duration!==t.duration?t.onResume(this,this._duration):void 0):this},e.prototype.hideStep=function(e,o){var n,r,i,s;return(s=this.getStep(e))?(this._clearTimer(),i=this._makePromise(null!=s.onHide?s.onHide(this,e):void 0),r=function(n){return function(){var r,i;return r=t(s.element),r.data("bs.popover")||r.data("popover")||(r=t("body")),r.popover("destroy").removeClass("tour-"+n._options.name+"-element tour-"+n._options.name+"-"+e+"-element").removeData("bs.popover").focus(),s.reflex&&t(s.reflexElement).removeClass("tour-step-element-reflex").off(""+n._reflexEvent(s.reflex)+".tour-"+n._options.name),s.backdrop&&(i=null!=o&&n.getStep(o),i&&i.backdrop&&i.backdropElement===s.backdropElement||n._hideBackdrop()),null!=s.onHidden?s.onHidden(n):void 0}}(this),n=s.delay.hide||s.delay,"[object Number]"==={}.toString.call(n)&&n>0?(this._debug("Wait "+n+" milliseconds to hide the step "+(this._current+1)),window.setTimeout(function(t){return function(){return t._callOnPromiseDone(i,r)}}(this),n)):this._callOnPromiseDone(i,r),i):void 0},e.prototype.showStep=function(t){var e,n,r,i,s,a;return this.ended()?(this._debug("Tour ended, showStep prevented."),this):(a=this.getStep(t),a&&(s=t<this._current,n=this._makePromise(null!=a.onShow?a.onShow(this,t):void 0),this.setCurrentStep(t),e=function(){switch({}.toString.call(a.path)){case"[object Function]":return a.path();case"[object String]":return this._options.basePath+a.path;default:return a.path}}.call(this),!a.redirect||!this._isRedirect(a.host,e,o.location)||(this._redirect(a,t,e),this._isJustPathHashDifferent(a.host,e,o.location)))?(i=function(e){return function(){var o;if(e._isOrphan(a)){if(a.orphan===!1)return e._debug("Skip the orphan step "+(e._current+1)+".\nOrphan option is false and the element does not exist or is hidden."),s?e._showPrevStep():e._showNextStep(),void 0;e._debug("Show the orphan step "+(e._current+1)+". Orphans option is true.")}return a.backdrop&&e._showBackdrop(a),o=function(){return e.getCurrentStep()!==t||e.ended()?void 0:(null!=a.element&&a.backdrop&&e._showOverlayElement(a,!0),e._showPopover(a,t),null!=a.onShown&&a.onShown(e),e._debug("Step "+(e._current+1)+" of "+e._options.steps.length))},a.autoscroll?e._scrollIntoView(a,o):o(),a.duration?e.resume():void 0}}(this),r=a.delay.show||a.delay,"[object Number]"==={}.toString.call(r)&&r>0?(this._debug("Wait "+r+" milliseconds to show the step "+(this._current+1)),window.setTimeout(function(t){return function(){return t._callOnPromiseDone(n,i)}}(this),r)):this._callOnPromiseDone(n,i),n):void 0)},e.prototype.getCurrentStep=function(){return this._current},e.prototype.setCurrentStep=function(t){return null!=t?(this._current=t,this._setState("current_step",t)):(this._current=this._getState("current_step"),this._current=null===this._current?null:parseInt(this._current,10)),this},e.prototype.redraw=function(){return this._showOverlayElement(this.getStep(this.getCurrentStep()).element,!0)},e.prototype._setState=function(t,e){var o,n;if(this._options.storage){n=""+this._options.name+"_"+t;try{this._options.storage.setItem(n,e)}catch(r){o=r,o.code===DOMException.QUOTA_EXCEEDED_ERR&&this._debug("LocalStorage quota exceeded. State storage failed.")}return this._options.afterSetState(n,e)}return null==this._state&&(this._state={}),this._state[t]=e},e.prototype._removeState=function(t){var e;return this._options.storage?(e=""+this._options.name+"_"+t,this._options.storage.removeItem(e),this._options.afterRemoveState(e)):null!=this._state?delete this._state[t]:void 0},e.prototype._getState=function(t){var e,o;return this._options.storage?(e=""+this._options.name+"_"+t,o=this._options.storage.getItem(e)):null!=this._state&&(o=this._state[t]),(void 0===o||"null"===o)&&(o=null),this._options.afterGetState(t,o),o},e.prototype._showNextStep=function(){var t,e,o;return o=this.getStep(this._current),e=function(t){return function(){return t.showStep(o.next)}}(this),t=this._makePromise(null!=o.onNext?o.onNext(this):void 0),this._callOnPromiseDone(t,e)},e.prototype._showPrevStep=function(){var t,e,o;return o=this.getStep(this._current),e=function(t){return function(){return t.showStep(o.prev)}}(this),t=this._makePromise(null!=o.onPrev?o.onPrev(this):void 0),this._callOnPromiseDone(t,e)},e.prototype._debug=function(t){return this._options.debug?window.console.log("Bootstrap Tour '"+this._options.name+"' | "+t):void 0},e.prototype._isRedirect=function(t,e,o){var n;return null!=t&&""!==t&&("[object RegExp]"==={}.toString.call(t)&&!t.test(o.origin)||"[object String]"==={}.toString.call(t)&&this._isHostDifferent(t,o))?!0:(n=[o.pathname,o.search,o.hash].join(""),null!=e&&""!==e&&("[object RegExp]"==={}.toString.call(e)&&!e.test(n)||"[object String]"==={}.toString.call(e)&&this._isPathDifferent(e,n)))},e.prototype._isHostDifferent=function(t,e){switch({}.toString.call(t)){case"[object RegExp]":return!t.test(e.origin);case"[object String]":return this._getProtocol(t)!==this._getProtocol(e.href)||this._getHost(t)!==this._getHost(e.href);default:return!0}},e.prototype._isPathDifferent=function(t,e){return this._getPath(t)!==this._getPath(e)||!this._equal(this._getQuery(t),this._getQuery(e))||!this._equal(this._getHash(t),this._getHash(e))},e.prototype._isJustPathHashDifferent=function(t,e,o){var n;return null!=t&&""!==t&&this._isHostDifferent(t,o)?!1:(n=[o.pathname,o.search,o.hash].join(""),"[object String]"==={}.toString.call(e)?this._getPath(e)===this._getPath(n)&&this._equal(this._getQuery(e),this._getQuery(n))&&!this._equal(this._getHash(e),this._getHash(n)):!1)},e.prototype._redirect=function(e,n,r){var i;return t.isFunction(e.redirect)?e.redirect.call(this,r):(i="[object String]"==={}.toString.call(e.host)?""+e.host+r:r,this._debug("Redirect to "+i),this._getState("redirect_to")!==""+n?(this._setState("redirect_to",""+n),o.location.href=i):(this._debug("Error redirection loop to "+r),this._removeState("redirect_to"),null!=e.onRedirectError?e.onRedirectError(this):void 0))},e.prototype._isOrphan=function(e){return null==e.element||!t(e.element).length||t(e.element).is(":hidden")&&"http://www.w3.org/2000/svg"!==t(e.element)[0].namespaceURI},e.prototype._isLast=function(){return this._current<this._options.steps.length-1},e.prototype._showPopover=function(e,o){var n,r,i,s,a;return t(".tour-"+this._options.name).remove(),s=t.extend({},this._options),i=this._isOrphan(e),e.template=this._template(e,o),i&&(e.element="body",e.placement="top"),n=t(e.element),n.addClass("tour-"+this._options.name+"-element tour-"+this._options.name+"-"+o+"-element"),e.options&&t.extend(s,e.options),e.reflex&&!i&&t(e.reflexElement).addClass("tour-step-element-reflex").off(""+this._reflexEvent(e.reflex)+".tour-"+this._options.name).on(""+this._reflexEvent(e.reflex)+".tour-"+this._options.name,function(t){return function(){return t._isLast()?t.next():t.end()}}(this)),a=e.smartPlacement===!0&&-1===e.placement.search(/auto/i),n.popover({placement:a?"auto "+e.placement:e.placement,trigger:"manual",title:e.title,content:e.content,html:!0,animation:e.animation,container:e.container,template:e.template,selector:e.element}).popover("show"),r=n.data("bs.popover")?n.data("bs.popover").tip():n.data("popover").tip(),r.attr("id",e.id),this._focus(r,n,e.next<0),this._reposition(r,e),i?this._center(r):void 0},e.prototype._template=function(e,o){var n,r,i,s,a,u;return u=e.template,this._isOrphan(e)&&"[object Boolean]"!=={}.toString.call(e.orphan)&&(u=e.orphan),a=t.isFunction(u)?t(u(o,e)):t(u),n=a.find(".popover-navigation"),i=n.find('[data-role="prev"]'),r=n.find('[data-role="next"]'),s=n.find('[data-role="pause-resume"]'),this._isOrphan(e)&&a.addClass("orphan"),a.addClass("tour-"+this._options.name+" tour-"+this._options.name+"-"+o),e.reflex&&a.addClass("tour-"+this._options.name+"-reflex"),e.prev<0&&i.addClass("disabled").prop("disabled",!0).prop("tabindex",-1),e.next<0&&r.addClass("disabled").prop("disabled",!0).prop("tabindex",-1),e.duration||s.remove(),a.clone().wrap("<div>").parent().html()},e.prototype._reflexEvent=function(t){return"[object Boolean]"==={}.toString.call(t)?"click":t},e.prototype._focus=function(t,e,o){var n,r;return r=o?"end":"next",n=t.find("[data-role='"+r+"']"),e.on("shown.bs.popover",function(){return n.focus()})},e.prototype._reposition=function(e,n){var r,i,s,a,u,p,h;if(a=e[0].offsetWidth,i=e[0].offsetHeight,h=e.offset(),u=h.left,p=h.top,r=t(o).outerHeight()-h.top-e.outerHeight(),0>r&&(h.top=h.top+r),s=t("html").outerWidth()-h.left-e.outerWidth(),0>s&&(h.left=h.left+s),h.top<0&&(h.top=0),h.left<0&&(h.left=0),e.offset(h),"bottom"===n.placement||"top"===n.placement){if(u!==h.left)return this._replaceArrow(e,2*(h.left-u),a,"left")}else if(p!==h.top)return this._replaceArrow(e,2*(h.top-p),i,"top")},e.prototype._center=function(e){return e.css("top",t(window).outerHeight()/2-e.outerHeight()/2)},e.prototype._replaceArrow=function(t,e,o,n){return t.find(".arrow").css(n,e?50*(1-e/o)+"%":"")},e.prototype._scrollIntoView=function(e,o){var n,r,i,s,a,u,p;if(n=t(e.element),!n.length)return o();switch(r=t(window),a=n.offset().top,s=n.outerHeight(),p=r.height(),u=0,e.placement){case"top":u=Math.max(0,a-p/2);break;case"left":case"right":u=Math.max(0,a+s/2-p/2);break;case"bottom":u=Math.max(0,a+s-p/2)}return this._debug("Scroll into view. ScrollTop: "+u+". Element offset: "+a+". Window height: "+p+"."),i=0,t("body, html").stop(!0,!0).animate({scrollTop:Math.ceil(u)},function(t){return function(){return 2===++i?(o(),t._debug("Scroll into view.\nAnimation end element offset: "+n.offset().top+".\nWindow height: "+r.height()+".")):void 0}}(this))},e.prototype._onResize=function(e,o){return t(window).on("resize.tour-"+this._options.name,function(){return clearTimeout(o),o=setTimeout(e,100)})},e.prototype._initMouseNavigation=function(){var e;return e=this,t(o).off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']").on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']",function(t){return function(e){return e.preventDefault(),t.next()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']",function(t){return function(e){return e.preventDefault(),t._current>0?t.prev():void 0}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']",function(t){return function(e){return e.preventDefault(),t.end()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']",function(o){var n;return o.preventDefault(),n=t(this),n.text(e._paused?n.data("pause-text"):n.data("resume-text")),e._paused?e.resume():e.pause()})},e.prototype._initKeyboardNavigation=function(){return this._options.keyboard?t(o).on("keyup.tour-"+this._options.name,function(t){return function(e){if(e.which)switch(e.which){case 39:return e.preventDefault(),t._isLast()?t.next():t.end();case 37:if(e.preventDefault(),t._current>0)return t.prev()}}}(this)):void 0},e.prototype._makePromise=function(e){return e&&t.isFunction(e.then)?e:null},e.prototype._callOnPromiseDone=function(t,e,o){return t?t.then(function(t){return function(){return e.call(t,o)}}(this)):e.call(this,o)},e.prototype._showBackdrop=function(e){return this.backdrop.backgroundShown?void 0:(this.backdrop=t("<div>",{"class":"tour-backdrop"}),this.backdrop.backgroundShown=!0,t(e.backdropContainer).append(this.backdrop))},e.prototype._hideBackdrop=function(){return this._hideOverlayElement(),this._hideBackground()},e.prototype._hideBackground=function(){return this.backdrop&&this.backdrop.remove?(this.backdrop.remove(),this.backdrop.overlay=null,this.backdrop.backgroundShown=!1):void 0},e.prototype._showOverlayElement=function(e,o){var n,r,i;return r=t(e.element),n=t(e.backdropElement),!r||0===r.length||this.backdrop.overlayElementShown&&!o?void 0:(this.backdrop.overlayElementShown||(this.backdrop.$element=n.addClass("tour-step-backdrop"),this.backdrop.$background=t("<div>",{"class":"tour-step-background"}),this.backdrop.$background.appendTo(e.backdropContainer),this.backdrop.overlayElementShown=!0),i={width:n.innerWidth(),height:n.innerHeight(),offset:n.offset()},e.backdropPadding&&(i=this._applyBackdropPadding(e.backdropPadding,i)),this.backdrop.$background.width(i.width).height(i.height).offset(i.offset))},e.prototype._hideOverlayElement=function(){return this.backdrop.overlayElementShown?(this.backdrop.$element.removeClass("tour-step-backdrop"),this.backdrop.$background.remove(),this.backdrop.$element=null,this.backdrop.$background=null,this.backdrop.overlayElementShown=!1):void 0},e.prototype._applyBackdropPadding=function(t,e){return"object"==typeof t?(null==t.top&&(t.top=0),null==t.right&&(t.right=0),null==t.bottom&&(t.bottom=0),null==t.left&&(t.left=0),e.offset.top=e.offset.top-t.top,e.offset.left=e.offset.left-t.left,e.width=e.width+t.left+t.right,e.height=e.height+t.top+t.bottom):(e.offset.top=e.offset.top-t,e.offset.left=e.offset.left-t,e.width=e.width+2*t,e.height=e.height+2*t),e},e.prototype._clearTimer=function(){return window.clearTimeout(this._timer),this._timer=null,this._duration=null},e.prototype._getProtocol=function(t){return t=t.split("://"),t.length>1?t[0]:"http"},e.prototype._getHost=function(t){return t=t.split("//"),t=t.length>1?t[1]:t[0],t.split("/")[0]},e.prototype._getPath=function(t){return t.replace(/\/?$/,"").split("?")[0].split("#")[0]},e.prototype._getQuery=function(t){return this._getParams(t,"?")},e.prototype._getHash=function(t){return this._getParams(t,"#")},e.prototype._getParams=function(t,e){var o,n,r,i,s;if(n=t.split(e),1===n.length)return{};for(n=n[1].split("&"),r={},i=0,s=n.length;s>i;i++)o=n[i],o=o.split("="),r[o[0]]=o[1]||"";return r},e.prototype._equal=function(t,e){var o,n,r,i,s,a;if("[object Object]"==={}.toString.call(t)&&"[object Object]"==={}.toString.call(e)){if(n=Object.keys(t),r=Object.keys(e),n.length!==r.length)return!1;for(o in t)if(i=t[o],!this._equal(e[o],i))return!1;return!0}if("[object Array]"==={}.toString.call(t)&&"[object Array]"==={}.toString.call(e)){if(t.length!==e.length)return!1;for(o=s=0,a=t.length;a>s;o=++s)if(i=t[o],!this._equal(i,e[o]))return!1;return!0}return t===e},e}()});
\ No newline at end of file
Index: lams_central/web/main.jsp
===================================================================
diff -u -rb3e9762e1d505c170ec93179a506adcec6ef03f0 -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_central/web/main.jsp	(.../main.jsp)	(revision b3e9762e1d505c170ec93179a506adcec6ef03f0)
+++ lams_central/web/main.jsp	(.../main.jsp)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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"/>"
Index: lams_central/web/mainTour.jsp
===================================================================
diff -u
--- lams_central/web/mainTour.jsp	(revision 0)
+++ lams_central/web/mainTour.jsp	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -0,0 +1,142 @@
+	var tour = null;
+	var courseIsHidden = null;
+	function startTour() {
+		courseIsHidden = $("body").hasClass("offcanvas-hidden");
+
+		if ( tour == null ) {
+			tour = new Tour({
+			  name: "LAMSMainTour",
+		      steps: [
+		          {
+			        title: "LAMS Tour",
+			        content: "This short tour will show you the features of the main LAMS screen. You can stop the tour at any time by clicking End Tour, and restart it by clicking on the Tour button again.",
+			        placement: "top",
+			        orphan: true
+			      }, {
+			        element: ".tour-course-reveal",
+			        title: "Courses",
+			        content: "Click here to reveal or hide your courses.",
+		        	placement: "bottom",
+			      }, {
+			        element: ".tour-organisations",
+			        title: "Courses",
+			        content: "Click on a course to make it the current course.",
+		        	placement: "right",
+		        	onShow: revealCourses
+			      }, {
+			        element: ".tour-organisations-favorites",
+			        title: "Courses",
+			        content: "Your favorite courses will appear at the top of the list.",
+		        	placement: "right",
+		        	onHidden: hideCourses
+			      }, {
+			        element: ".tour-org-container",
+			        title: "Lessons",
+			        content: "Lessons will appear here for the current course.",
+		        	placement: "top",
+		        	backdrop: true
+			      }, {
+			        element: ".tour-user-notifications",
+			        title: "Notifications",
+			        content: "Look at the notifications that you receive about your lessons.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-author",
+			        title: "Authoring",
+			        content: "Create or modify the learning designs used for lessons.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-user-profile",
+			        title: "User Profile",
+			        content: "Update your user settings.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-favorite-organisation",
+			        title: "Course Name",
+			        content: "Current course name. Click on the star to add this course to your favourites in the course list.",
+			        placement: "right"
+			      }, {
+			        element: ".tour-add-lesson",
+			        title: "Add Lesson",
+			        content: "Create a new lesson for the course, or a course subgroup, depending on which button is used.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-add-single-lesson",
+			        title: "Add Lesson",
+			        content: "Use the down arrow to select an activity and create a lesson with just this single activity.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-coursegradebook-learner",
+			        title: "Course Gradebook",
+			        content: "View your marks for lessons in this course.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-more-options",
+			        title: "More Options",
+			        content: "General options for managing a course such as notifications, subgroups, gradebook. The contents of this menu will vary depending on your responsibilities.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-monitor",
+			        title: "Lesson Monitoring",
+			        content: "The monitoring screen shows you where the learners are in the lesson and to see the learner\'s contributions",
+			        placement: "left"			        
+			      }, {
+			        element: ".tour-index-emailnotifications",
+			        title: "Lesson Notifications",
+			        content: "Send notifications to lesson learners.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-coursegradebookmonitor",
+			        title: "Lesson Gradebook",
+			        content: "Review learner\'s marks and the length of time taken in the lesson.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-conditions",
+			        title: "Lesson Conditions",
+			        content: "Set up conditions for starting or ending the lesson.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-index-remove-lesson",
+			        title: "Remove Lesson",
+			        content: "Delete the lesson completely. This is permanent - it cannot be undone.",
+			        placement: "left"
+			      }, {
+			        element: ".tour-sorting",
+			        title: "Lesson Sorting",
+			        content: "Turn on or off lesson sorting.",
+			        placement: "left"
+			      }, {
+			        title: "End Of Tour",
+			        content: "Thank you for taking the tour. To restart the tour, click the Tour button again.",
+			        placement: "top",
+			        orphan: true
+			      }			      
+			    ],
+			  onEnd: resetCourses,
+			  debug: true,
+			  backdrop: false,
+			});
+
+		    tour.init();
+		    tour.start(true);
+
+		} else {
+			tour.restart();
+		}
+	}
+	
+	function revealCourses(tour) { 
+		$("body").removeClass("offcanvas-hidden");		
+	}
+	
+	function hideCourses(tour) {
+		$("body").addClass("offcanvas-hidden");
+	} 
+	
+	function resetCourses(tour) {
+		if ( courseIsHidden ) 
+			hideCourses(tour);
+		else
+			revealCourses(tour);
+	}
+	
\ No newline at end of file
Index: lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java
===================================================================
diff -u -r5773f84ed608838de3521ecde87c52f3c72d478c -rb38bb0fbf5c0a3ae9bb5ad5e811903333826a68a
--- lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java	(.../IndexLinkBean.java)	(revision 5773f84ed608838de3521ecde87c52f3c72d478c)
+++ lams_common/src/java/org/lamsfoundation/lams/index/IndexLinkBean.java	(.../IndexLinkBean.java)	(revision b38bb0fbf5c0a3ae9bb5ad5e811903333826a68a)
@@ -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;
+    }
+
 }