Index: lams_tool_mindmap/web/common/mapjs.jsp
===================================================================
diff -u -r960e6b751430fc4832cf844b878fc470d99ad118 -r6904f3515317ff2162766f1beee8a2bc88f38235
--- lams_tool_mindmap/web/common/mapjs.jsp	(.../mapjs.jsp)	(revision 960e6b751430fc4832cf844b878fc470d99ad118)
+++ lams_tool_mindmap/web/common/mapjs.jsp	(.../mapjs.jsp)	(revision 6904f3515317ff2162766f1beee8a2bc88f38235)
@@ -7,6 +7,7 @@
 <%-- <script src="${tool}includes/javascript/jquery.timer.js"></script> --%>
 <%-- <script src="${tool}includes/javascript/mapjs/main.js"></script> --%>
 <%-- <script src="${tool}includes/javascript/mapjs/underscore-min.js"></script> --%>
+<%-- <script src="${tool}includes/javascript/fullscreen.js"></script> --%>
 
 <script type="text/javascript">
 
@@ -19,8 +20,11 @@
 		requestsProcessed = new Array(), 
 		contentAggregate = null,	// mindmup variable - dummy root idea that has all visible ideas
 		mindMupContent = null; // mindmup content processor - used for reloading map.
-		
 
+	$(document).ready(function(){
+		setupFullScreenEvents();
+	});
+
 	// *** getMindmapContainerId() and  loadRootIdea(content) called by customised mapjs code ***
 	// window.mapModel is set up by mapjs in main.js. 
 	// returns the jquery selector for the mindmap container
@@ -410,6 +414,10 @@
 	
 </script>	
 
+	<div id="fullPageContentDiv">
+	<div id="flexDiv">
+	<div id="mainDiv">
+	
 	<c:if test="${contentEditable and (mode == 'learner' || mode == 'author')}">
 		<div>
 		<c:if test="${not multiMode}">
@@ -420,9 +428,13 @@
 
 	<div id="mindmap-controls">
 	
-		<!-- Color picker must be outside the next div or it can't float on top of the mindmap. The float is done in javascript. -->
+		<!-- Color picker & expand buttons must be outside the next div or it can't float on top of the mindmap. The float is done in javascript. -->
+		<div style="display:inline" role="group">
+        <a href="#" class="btn btn-default btn-sm launch-fullscreen pull-right loffset5" id="expand" onclick="javascript:launchIntoFullscreen()"><i class="fa fa-arrows-alt" aria-hidden="true"></i></a> 
+        <a href="#" class="btn btn-default btn-sm exit-fullscreen pull-right loffset5" id="shrink" onclick="javascript:exitFullscreen()" style="display: none;"><i class="fa fa-compress" aria-hidden="true"></i></a> 
 		<input type="text" id="background-color" class='updateStyle form-control input-sm' data-mm-target-property='background' size="7" width="180px"></input>
- 
+		</div>
+		 
 		<div>
 			<div class="btn-group btn-group-sm" role="group">
 			<a href="#" class="resetView btn btn-default btn-sm"><fmt:message key='label.zoom'/>:</a>
@@ -449,4 +461,7 @@
  	<div id="mindmap-container"></div>
  	<style id="themecss">
 	</style>
-
+	
+	</div>
+	</div>
+	</div>