Index: lams_central/src/flash/lams_monitoring.fla
===================================================================
diff -u
Binary files differ
Index: lams_central/src/flash/lams_monitoring_v1.fla
===================================================================
diff -u -r20b693c05a7575b8d9300f7dbc397d6912dad518 -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
Binary files differ
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/Monitor.as
===================================================================
diff -u -rb9746b5f35ddd1650881f2bc67be8c5f2dcbdc5d -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/Monitor.as	(.../Monitor.as)	(revision b9746b5f35ddd1650881f2bc67be8c5f2dcbdc5d)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/Monitor.as	(.../Monitor.as)	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -23,6 +23,7 @@
 import org.lamsfoundation.lams.monitoring.Application;
 import org.lamsfoundation.lams.monitoring.mv.*;
 import org.lamsfoundation.lams.monitoring.mv.tabviews.*;
+import org.lamsfoundation.lams.authoring.DesignDataModel;
 import org.lamsfoundation.lams.common.ui.*
 import org.lamsfoundation.lams.common.util.*;
 import org.lamsfoundation.lams.common.dict.*
@@ -46,6 +47,7 @@
 	private var monitorView_mc:MovieClip;
 
 	private var app:Application;
+	private var _ddm:DesignDataModel;
 	private var _dictionary:Dictionary;
 
 	private var _pi:MovieClip; //Property inspector
@@ -65,7 +67,7 @@
 		
 		//Create the model
 		monitorModel = new MonitorModel(this);
-		
+		_ddm = new DesignDataModel();
 		_dictionary = Dictionary.getInstance();
 
 		//Create the view
@@ -120,6 +122,58 @@
 	
 	
 	/**
+	 * server call for learning Dseign and sent it to the save it in DataDesignModel
+	 * 
+	 * @usage   
+	 * @param   		seq type Sequence;
+	 * @return  		Void
+	 */
+	public function openLearningDesign(seq:Sequence){
+		trace('opening learning design...'+ seq.getLearningDesignID());
+		var designID:Number  = seq.getLearningDesignID();
+		//var designId:Number = seq._learningDesignID;
+
+        var callback:Function = Proxy.create(this,saveDataDesignModel);
+           
+		Application.getInstance().getComms().getRequest('authoring/author.do?method=getLearningDesignDetails&learningDesignID='+designID,callback, false);
+		
+	}
+	
+	/*
+	private function getProgressData(seq:Object){
+		trace('getting progress data...');
+		var progessId:Number = seq.getSequenceID();
+		
+		var callback:Function = Proxy.create(this, saveProgressData);
+		Application .getInstance().getComms().getRequest('learning/learner.do?method=getFlashProgressData&progressId=' + progessId, callback, false);
+	}
+	*/
+	
+	private function saveDataDesignModel(learningDesignDTO:Object){
+		trace('returning learning design...');
+		trace('saving model data...');
+		var seq:Sequence = Sequence(monitorModel.getSequence());
+				
+		_ddm.setDesign(learningDesignDTO);
+		seq.setLearningDesignModel(_ddm);
+		
+		// activite Progress movie
+		//monitorModel.drawDesign();
+	}
+	
+	/*
+	private function saveProgressData(progressDTO:Object)
+		trace('returning progress data...');
+		var progress:Progress = new Progress();
+		progress.populateFromDTO(progressDTO);
+		var seq:Sequence = Sequence(libraryModel.getSelectedSequence());
+		seq.setProgress(progress);
+		
+		trace('progress data saved...');
+	}
+	*/
+	
+	/**
 	* Used by application to set the size
 	* @param width The desired width
 	* @param height the desired height
@@ -160,4 +214,8 @@
 	public function getMV():MonitorView{
 		return monitorView;
 	}
+	
+	public function get ddm():DesignDataModel{
+		return _ddm;
+	}
 }
\ No newline at end of file
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorController.as
===================================================================
diff -u -rd33a24e9a927e063a170b1f896389beee2c16504 -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorController.as	(.../MonitorController.as)	(revision d33a24e9a927e063a170b1f896389beee2c16504)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorController.as	(.../MonitorController.as)	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -24,13 +24,19 @@
 import org.lamsfoundation.lams.common.mvc.*;
 import org.lamsfoundation.lams.common.util.*;
 import org.lamsfoundation.lams.monitoring.*;
-import org.lamsfoundation.lams.monitoring.mv.*;
+import org.lamsfoundation.lams.monitoring.mv.*;
+import org.lamsfoundation.lams.monitoring.mv.tabviews.*;
 
 /**
 * Controller for the sequence library
 */
 class MonitorController extends AbstractController {
-	private var _monitorModel:MonitorModel;
+	private var _monitorModel:MonitorModel;
+	//private var _monitorView:MonitorView;
+	//private var _lessonTabView:LessonTabView;
+	//private var _canvasView:CanvasView;
+	//private var _canvasView:CanvasView;
+	//private var _canvasView:CanvasView;
 	
 	/**
 	* Constructor
@@ -39,7 +45,11 @@
 	*/
 	public function MonitorController (mm:Observable) {
 		super (mm);
-		_monitorModel = MonitorModel(model);
+		_monitorModel = MonitorModel(model);
+		//get a view if ther is not one
+		//if(!_lessonTabView){
+		//	_lessonTabView =  LessonTabView(getView());
+		//}
 	}
 	
 	// add control methods
@@ -52,8 +62,14 @@
 	 * @return  
 	 */
 	public function change(evt):Void{
-		   trace(evt.target);
-		   trace("test: "+ String(evt.target.selectedIndex))
-					//forClick.text="label is: " + evt.itemIndex.label + " index is: " + evt.index + " capital is: " +               targetComp.dataProvider[evt.index].data;
+		trace(evt.target);
+		trace("test: "+ String(evt.target.selectedIndex))
+		if (_monitorModel.getSequence() == null){
+			trace ("None of Sequence is selected yet!");
+		}else {
+			_monitorModel.changeTab(evt.target.selectedIndex);
 		}
+	
+	
+	}
 }
\ No newline at end of file
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorModel.as
===================================================================
diff -u -r3b87387c2c34a8fed56fa3fe9a7a006113a7b832 -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorModel.as	(.../MonitorModel.as)	(revision 3b87387c2c34a8fed56fa3fe9a7a006113a7b832)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorModel.as	(.../MonitorModel.as)	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -22,7 +22,9 @@
  */
 
 import org.lamsfoundation.lams.monitoring.*;
-import org.lamsfoundation.lams.monitoring.mv.*;
+import org.lamsfoundation.lams.monitoring.mv.*;
+import org.lamsfoundation.lams.authoring.Activity;
+import org.lamsfoundation.lams.authoring.Transition;
 import org.lamsfoundation.lams.common.Sequence;
 import org.lamsfoundation.lams.common.util.Observable;
 import org.lamsfoundation.lams.common.util.*;
@@ -48,20 +50,30 @@
 	private var _todos:Array;  // Array of ToDo ContributeActivity(s)
 	// state data
 	private var _showLearners:Boolean;
-	
+	//these are hashtables of mc refs MOVIECLIPS (like CanvasActivity or CanvasTransition)
+	//each on contains a reference to the emelment in the ddm (activity or transition)
+	private var _activitiesDisplayed:Hashtable;
+	private var _transitionsDisplayed:Hashtable;
+	
+	//These are defined so that the compiler can 'see' the events that are added at runtime by EventDispatcher
+    private var dispatchEvent:Function;     
+    public var addEventListener:Function;
+    public var removeEventListener:Function;
 	/**
 	* Constructor.
 	*/
 	public function MonitorModel (monitor:Monitor){
 		_monitor = monitor;
-		_showLearners = true;
+		_showLearners = true;
+		_activitiesDisplayed = new Hashtable("_activitiesDisplayed");
+		_transitionsDisplayed = new Hashtable("_transitionsDisplayed");
 	}
 	
 	// add get/set methods
 	
 	public function setSequence(activeSeq:Sequence){
 		_activeSeq = activeSeq;
-		
+		_monitor.openLearningDesign(_activeSeq)
 		setChanged();
 		
 		//send an update
@@ -133,12 +145,91 @@
 		
 		//send an update
 		infoObj = {};
-		infoObj.updateType = "SHOW_LEARNERS";
+		infoObj.updateType = "HIDE_LEARNERS";
 		notifyObservers(infoObj);
 	}
 	
 	public function isShowLearners():Boolean{
 		return _showLearners;
+	}
+	
+	/**
+	 * get the design in the DesignDataModel and update the Monitor Model accordingly.
+	 * NOTE: Design elements are added to the DDM here.
+	 * 
+	 * @usage   
+	 * @return  
+	 */
+	public function drawDesign(tabID:Number){
+		
+		//porobbably need to get a bit more granular
+		//go through the design and get the activities and transitions 
+		var indexArray:Array;
+		var dataObj:Object;
+		var ddmActivity_keys:Array = _monitor.ddm.activities.keys();
+			
+		
+		
+		indexArray = ddmActivity_keys;
+		trace("Length of Activities in DDM: "+indexArray.length)
+		
+		//loop through and do comparison
+		for(var i=0;i<indexArray.length;i++){
+					
+			var keyToCheck:Number = indexArray[i];
+			
+			
+			var ddm_activity:Activity = _monitor.ddm.activities.get(keyToCheck);
+			
+			broadcastViewUpdate("DRAW_ACTIVITY",ddm_activity, tabID);
+			//dataObj.activity = ddm_activity;
+		}
+		
+		//now check the transitions:
+		var ddmTransition_keys:Array = _monitor.ddm.transitions.keys();
+				
+		//chose which array we are going to loop over
+		var trIndexArray:Array;
+		trIndexArray = ddmTransition_keys;
+		
+		//loop through and do comparison
+		for(var i=0;i<trIndexArray.length;i++){
+			
+			var transitionKeyToCheck:Number = trIndexArray[i];
+
+			var ddmTransition:Transition = _monitor.ddm.transitions.get(transitionKeyToCheck);
+			
+			//NOTE!: we are passing in a ref to the tns in the ddm so if we change any props of this, we are changing the ddm
+			broadcastViewUpdate("DRAW_TRANSITION",ddmTransition, tabID);	
+			//dataObj.trans = ddmTransition;
+		}
+		
+	}
+	
+	public function broadcastViewUpdate(updateType, data, tabID){
+		//getMonitor().getMV().clearView();
+		setChanged();
+		
+		//send an update
+		infoObj = {};
+		infoObj.updateType = updateType;
+		infoObj.drawData = data;
+		infoObj.tabID = tabID;
+		notifyObservers(infoObj);
+		
+	}
+	
+	
+	public function changeTab(tabID:Number){
+		//getMonitor().getMV().clearView();
+		setChanged();
+		
+		//send an update
+		infoObj = {};
+		infoObj.updateType = "TABCHANGE";
+		infoObj.tabID = tabID;
+		notifyObservers(infoObj);
+		
 	}
 	
 	public function setSize(width:Number,height:Number) {
@@ -211,8 +302,28 @@
 	
 	public function get className():String{
         return 'MonitorModel';
-    }
-	
+    }
+	/**
+	 * Returns a reference to the Activity Movieclip for the UIID passed in.  Gets from _activitiesDisplayed Hashable
+	 * @usage   
+	 * @param   UIID 
+	 * @return  Activity Movie clip
+	 */
+	public function getActivityMCByUIID(UIID:Number):MovieClip{
+		
+		var a_mc:MovieClip = _activitiesDisplayed.get(UIID);
+		//Debugger.log('UIID:'+UIID+'='+a_mc,Debugger.GEN,'getActivityMCByUIID','CanvasModel');
+		return a_mc;
+	}
+	
+	public function get activitiesDisplayed():Hashtable{
+		return _activitiesDisplayed;
+	}
+	
+	public function get transitionsDisplayed():Hashtable{
+		return _transitionsDisplayed;
+	}
+	
 	public function getMonitor():Monitor{
 		return _monitor;
 	}
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorTransition.as
===================================================================
diff -u
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorTransition.as	(revision 0)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorTransition.as	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -0,0 +1,143 @@
+/***************************************************************************
+ * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+ * =============================================================
+ * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+ * 
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License version 2.0 
+ * as published by the Free Software Foundation.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307
+ * USA
+ * 
+ * http://www.gnu.org/licenses/gpl.txt
+ * ************************************************************************
+ */
+
+import org.lamsfoundation.lams.common.util.*;
+import org.lamsfoundation.lams.common.ui.*;
+import org.lamsfoundation.lams.common.*;
+import org.lamsfoundation.lams.monitoring.Application;
+import org.lamsfoundation.lams.monitoring.mv.*;
+import org.lamsfoundation.lams.authoring.Activity;
+import org.lamsfoundation.lams.authoring.Transition;
+import org.lamsfoundation.lams.authoring.cv.*;
+
+
+/**  
+* -+ - 
+*/  
+class org.lamsfoundation.lams.monitoring.mv.MonitorTransition extends MovieClip{  
+	//set by passing initObj to mc.createClass()
+	//private var _MonitorController:CanvasController;
+	//private var _monitorTabView:MonitorTabView;
+	private var _transition:Transition;
+	
+	private var _drawnLineStyle:Number;
+	
+	private var arrow_mc:MovieClip;
+	private var stopArrow_mc:MovieClip;
+	private var stopSign_mc:MovieClip;
+	
+	
+	private var _startPoint:Point;
+	private var _midPoint:Point;
+	private var _endPoint:Point;
+	
+	
+	
+	private var _dcStartTime:Number = 0;
+	private var _doubleClicking:Boolean;
+	
+	
+	
+	function MonitorTransition(){
+		
+		arrow_mc._visible = false;
+		stopArrow_mc._visible = false;
+		stopSign_mc._visible = false;
+		//let it wait one frame to set up the components.
+		MovieClipUtils.doLater(Proxy.create(this,init));
+		//init();
+	}
+	
+	public function init():Void{
+		//Debugger.log('Running,',4,'init','CanvasTransition');
+		//todo: all a get style for this
+		_drawnLineStyle = 0x777E9D;
+		draw();
+	}
+
+	public function get transition():Transition{
+		return _transition;
+	}
+	
+	public function set transition(t:Transition){
+		_transition = t;
+	}
+	
+	public function get midPoint():Point{
+		return _midPoint;
+	}
+	
+	
+	
+	/**
+	 * Renders the transition to stage
+	 * @usage   
+	 * @return  
+	 */
+	private function draw():Void{
+		//Debugger.log('',4,'draw','CanvasTransition');
+
+		var monitor:Monitor = Application.getInstance().getMonitor();
+		
+		var fromAct_mc = monitor.getMM().getActivityMCByUIID(_transition.fromUIID);
+		var toAct_mc = monitor.getMM().getActivityMCByUIID(_transition.toUIID);
+	
+		//TODO: check if its a gate transition and if so render a shorty
+		var isGateTransition = toAct_mc.activity.isGateActivity();
+		
+		
+		var offsetToCentre_x = fromAct_mc.getVisibleWidth() / 2;
+		var offsetToCentre_y = fromAct_mc.getVisibleHeight() / 2;
+		
+		_startPoint = new Point(fromAct_mc.getActivity().xCoord+offsetToCentre_x,fromAct_mc.getActivity().yCoord+offsetToCentre_y);
+		
+		var toOTC_x:Number = toAct_mc.getVisibleWidth() /2;
+		var toOTC_y:Number = toAct_mc.getVisibleHeight() /2;
+		
+		_endPoint = new Point(toAct_mc.getActivity().xCoord+toOTC_x,toAct_mc.getActivity().yCoord+toOTC_y);
+		
+
+		this.lineStyle(2, _drawnLineStyle);
+		this.moveTo(_startPoint.x, _startPoint.y);
+		
+		//this.dashTo(startX, startY, endX, endY, 8, 4);
+		this.lineTo(_endPoint.x, _endPoint.y);
+		
+		// calculate the position and angle for the arrow_mc
+		arrow_mc._x = (_startPoint.x + _endPoint.x)/2;
+		arrow_mc._y = (_startPoint.y + _endPoint.y)/2;
+		
+		_midPoint = new Point(arrow_mc._x,arrow_mc._y);
+		
+		
+		
+		// gradient
+		var angle:Number = Math.atan2((_endPoint.y- _startPoint.y),(_endPoint.x- _startPoint.x));
+		var degs:Number = Math.round(angle*180/Math.PI);
+		arrow_mc._rotation = degs;
+		arrow_mc._visible = true;
+		
+	}
+	
+
+}
\ No newline at end of file
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorView.as
===================================================================
diff -u -rb9746b5f35ddd1650881f2bc67be8c5f2dcbdc5d -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorView.as	(.../MonitorView.as)	(revision b9746b5f35ddd1650881f2bc67be8c5f2dcbdc5d)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/MonitorView.as	(.../MonitorView.as)	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -62,16 +62,23 @@
 	//private var act_pnl:Panel;
 	
     private var _gridLayer_mc:MovieClip;
-    //private var _transitionLayer_mc:MovieClip;
+    private var _lessonTabLayer_mc:MovieClip;
+	private var _monitorTabLayer_mc:MovieClip;
+	private var _learnerTabLayer_mc:MovieClip;
+	private var _todoTabLayer_mc:MovieClip;
 	//private var _activityLayerComplex_mc:MovieClip;
 	//private var _activityLayer_mc:MovieClip;
 	
 	//private var _transitionPropertiesOK:Function;
     private var _monitorView:MonitorView;
 	
-	
+	//Tab Views Initialisers
+	//LessonTabView
 	private var lessonTabView:LessonTabView;
 	private var lessonTabView_mc:MovieClip;
+	//MonitorTabView
+	private var monitorTabView:MonitorTabView;
+	private var monitorTabView_mc:MovieClip;
 	
     //Defined so compiler can 'see' events added at runtime by EventDispatcher
     private var dispatchEvent:Function;     
@@ -98,30 +105,18 @@
 		//if(c==undefined){
 		//	c==defaultController();
 		//}
-		_monitorView_mc = this;
-		
 		super (m, c);
         //Set up parameters for the grid
 		H_GAP = 10;
 		V_GAP = 10;
 		
-		lessonTabView_mc = _monitorView_mc.monitor_scp.attachMovie("LessonTabView", "lessonTabView_mc",DepthManager.kTop)
-		lessonTabView = LessonTabView(lessonTabView_mc);
+		MovieClipUtils.doLater(Proxy.create(this,draw)); 
 		
-		lessonTabView.init(m, c);
-		lessonTabView.addEventListener('load',Proxy.create(this,tabLoaded));
-		
-		trace('lesson tab view: ' + lessonTabView_mc);
-		
-		var mm:MonitorModel = MonitorModel(m);
-		m.addObserver(lessonTabView);
-		
-		
-        //setupCM();
+        //setupTabInit(m, c);
 	   //register to recive updates form the model
 		//MonitorModel(m).addEventListener('update',this);
         
-		MovieClipUtils.doLater(Proxy.create(this,draw)); 
+		
     }    
 	
 	private function tabLoaded(evt:Object){
@@ -146,14 +141,17 @@
 	   switch (infoObj.updateType){
 		   case 'SEQUENCE' :
 				trace("TabID for Selected tab is: "+infoObj.tabID)
-				showData(mm);
+				//showData(mm);
                 break;
             case 'POSITION' :
 				setPosition(mm);
                 break;
             case 'SIZE' :
 			    setSize(mm);
                 break;
+			case 'TABCHANGE' :
+				showData(mm);
+				break;
             default :
                 Debugger.log('unknown update type :' + infoObj.updateType,Debugger.CRITICAL,'update','org.lamsfoundation.lams.CanvasView');
 		}
@@ -166,7 +164,8 @@
 	private function showData(mm:MonitorModel):Void{
         var s:Object = mm.getSequence();
 		//for (var i in s){
-			trace("Item Description is : "+s._seqDescription);
+			trace("Item Description is : "+s._learningDesignID);
+			
 		//}
 		//monitor_scp.contentPath = lessonTabView;
 					
@@ -181,12 +180,16 @@
 		//Debugger.log('_canvas_mc'+_canvas_mc,Debugger.GEN,'draw','CanvasView');
 		
     
-		bkg_pnl = _monitor_mc.createClassObject(Panel, "bkg_pnl", getNextHighestDepth());
+		//bkg_pnl = _monitor_mc.createClassObject(Panel, "bkg_pnl", getNextHighestDepth());
 
 		//set up the 
 		//_canvas_mc = this;
-		_gridLayer_mc = _monitor_mc.createEmptyMovieClip("_gridLayer_mc", _monitor_mc.getNextHighestDepth());
 		
+		//_gridLayer_mc = _monitor_mc.createEmptyMovieClip("_gridLayer_mc", _monitor_mc.getNextHighestDepth());
+		
+		_lessonTabLayer_mc = _monitor_mc.createEmptyMovieClip("_lessonTabLayer_mc", _monitor_mc.getNextHighestDepth());
+		_monitorTabLayer_mc = _monitor_mc.createEmptyMovieClip("_monitorTabLayer_mc", _monitor_mc.getNextHighestDepth());
+		//trace('lesson tab view: ' + _tabsLayer_mc);
 		//bkg_pnl.useHandCursor = false;
 		var tab_arr:Array = [{label:"Lesson", data:"lesson"}, {label:"Monitor", data:"monitor"}, {label:"Learners", data:"learners"}, {label:"Todo", data:"todo"}];
 		
@@ -197,10 +200,37 @@
 		var mcontroller = getController();
 		monitorTabs_tb.addEventListener("change",mcontroller);
 		//setStyles();
-		
+		setupTabInit()
 	    dispatchEvent({type:'load',target:this});
+		
 	}
 	
+	private function setupTabInit(){
+		
+		var mm:Observable = getModel();
+		// Inititialsation for Lesson Tab View 
+		lessonTabView_mc = _lessonTabLayer_mc.attachMovie("LessonTabView", "lessonTabView_mc",DepthManager.kTop)
+		lessonTabView_mc._visible = false;
+		lessonTabView = LessonTabView(lessonTabView_mc);
+		lessonTabView.init(mm, undefined);
+		lessonTabView.addEventListener('load',Proxy.create(this,tabLoaded));
+			
+		// Inititialsation for Monitor Tab View 
+		monitorTabView_mc = _monitorTabLayer_mc.attachMovie("MonitorTabView", "monitorTabView_mc",DepthManager.kTop)
+		monitorTabView_mc._visible = false;
+		monitorTabView = MonitorTabView(monitorTabView_mc);
+		monitorTabView.init(mm, undefined);
+		monitorTabView.addEventListener('load',Proxy.create(this,tabLoaded));
+		
+		//Observers for All the Tab Views
+		
+		mm.addObserver(lessonTabView);
+		mm.addObserver(monitorTabView);
+		
+	}
+	
+
+	
 	/**
 	 * Event listener for when when tab is clicked
 	 * 
@@ -220,9 +250,6 @@
         var s:Object = mm.getSize();
 		trace("Monitor Tab Widtht: "+s.w+" Monitor Tab Height: "+s.h);
 		monitor_scp.setSize(s.w,s.h);
-		bkg_pnl.setSize(s.w,s.h);
-		//Create the grid.  The grid is re-drawn each time the canvas is resized.
-		var grid_mc = Grid.drawGrid(_gridLayer_mc,Math.round(s.w),Math.round(s.h),V_GAP,H_GAP);
 				
 	}
 	
@@ -257,4 +284,5 @@
     public function defaultController (model:Observable):Controller {
         return new MonitorController(model);
     }
+	
 }
\ No newline at end of file
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/LessonTabView.as
===================================================================
diff -u -ra998a7334461e8c2323a58310576737e92d58205 -rd4bdb419b0ed924be34bcae8851cdf129cacf19d
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/LessonTabView.as	(.../LessonTabView.as)	(revision a998a7334461e8c2323a58310576737e92d58205)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/LessonTabView.as	(.../LessonTabView.as)	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -44,28 +44,45 @@
 	private var _className = "LessonTabView";
 	//constants:
 	private var _tm:ThemeManager;
+	private var mm:MonitorModel;
 	
 	//TabView clips
-	private var _monitor_mc:MovieClip;
+	private var _monitorReqTask_mc:MovieClip;
 	private var requiredTask_scp:MovieClip;
 	private var monitorTabs_tb:MovieClip;
-	
+	private var _lessonStateArr:Array;
+	//Labels
+	private var status_lbl:Label;
+	private var learner_lbl:Label;
+	private var class_lbl:Label;
+	private var elapsed_lbl:Label;
+	private var manageClass_lbl:Label;
+	private var manageStatus_lbl:Label;
+	private var manageStart_lbl:Label;
+	private var manageMin_lbl:Label;
+	private var manageHour_lbl:Label;
+	private var manageDate_lbl:Label;
+		
 	//Text Items
-    private var LSTitle_txt:TextInput;
-	private var LSDescription_txt:TextArea;
-	private var sessionStatus_txt:TextInput;
-	private var numLearners_txt:TextInput;
-	private var group_txt:TextInput;
-	private var duration_txt:TextInput;
+    private var LSTitle_txt:TextField;
+	private var LSDescription_txt:TextField;
+	private var sessionStatus_txt:TextField;
+	private var numLearners_txt:TextField;
+	private var group_txt:TextField;
+	private var duration_txt:TextField;
 	
 	//Button
-	private var viewLearners:Button;
-	private var editClass:Button;
-	private var selectClass:Button;
-	private var status1:Button;
-	private var status2:Button;
-	private var setDateTime:Button;
+	private var viewLearners_btn:Button;
+	private var editClass_btn:Button;
+	private var selectClass_btn:Button;
+	private var status1_btn:Button;
+	private var status2_btn:Button;
+	private var setDateTime_btn:Button;
 	
+	private var startDate_dt:Date;
+	private var startHour_stp:NumericStepper;
+	private var startMin_stp:NumericStepper;
+	
     //private var _transitionLayer_mc:MovieClip;
 	//private var _activityLayerComplex_mc:MovieClip;
 	//private var _activityLayer_mc:MovieClip;
@@ -82,8 +99,9 @@
 	/**
 	* Constructor
 	*/
-	function LesssonTabView(){
+	function LessonTabView(){
 		_lessonTabView = this;
+		this._visible = false;
 		_tm = ThemeManager.getInstance();
         //Init for event delegation
         mx.events.EventDispatcher.initialize(this);
@@ -93,20 +111,8 @@
 	* Called to initialise Canvas  . CAlled by the Canvas container
 	*/
 	public function init(m:Observable,c:Controller){
-		//Invoke superconstructor, which sets up MVC relationships.
-		//if(c==undefined){
-		//	c==defaultController();
-		//}
 		super (m, c);
-        //Set up parameters for the grid
-		//H_GAP = 10;
-		//V_GAP = 10;
-        //setupCM();
-	    //register to recive updates form the model
-		//MonitorModel(m).addEventListener('update',this);
-        
-		//MovieClipUtils.doLater(Proxy.create(this,draw)); 
-    }    
+	}    
 	
 	/**
  * Recieved update events from the CanvasModel. Dispatches to relevent handler depending on update.Type
@@ -115,7 +121,7 @@
  */
 public function update (o:Observable,infoObj:Object):Void{
 		
-       var mm:MonitorModel = MonitorModel(o);
+       mm = MonitorModel(o);
 	   
 	   switch (infoObj.updateType){
 		    case 'SIZE' :
@@ -130,13 +136,22 @@
 			case 'STATUS' :
 				trace('STATUS');
                 break;
-			case 'DATE_TIME' :
-				trace('DATE_TIME');
-                break;
+			case 'TABCHANGE' :
+				if (infoObj.tabID == _tabID){
+				trace("TabID for Selected tab is (LessonTab TABCHANGE): "+infoObj.tabID)
+					this._visible = true;
+					MovieClipUtils.doLater(Proxy.create(this,draw));
+				}else {
+					this._visible = false;
+				}
+				break;
 			case 'SEQUENCE' :
-				trace("TabID for Selected tab is (LessonTab): "+infoObj.tabID)
 				if (infoObj.tabID == _tabID){
+				trace("TabID for Selected tab is (LessonTab): "+infoObj.tabID)
+					this._visible = true;
 					MovieClipUtils.doLater(Proxy.create(this,draw));
+				}else {
+					this._visible = false;
 				}
 				break;
             default :
@@ -149,31 +164,66 @@
     * layout visual elements on the canvas on initialisation
     */
 	private function draw(){
+		
+		this.onEnterFrame = setupLabels;
 		//get the content path for the sp
-		//_monitor_mc = requiredTask_scp.content;
+		_monitorReqTask_mc = requiredTask_scp.content;
+		
 		//Debugger.log('_canvas_mc'+_canvas_mc,Debugger.GEN,'draw','CanvasView');
+	
+		trace("Loaded LessonTabView Data"+ this)
 		
-		trace("Loaded LessonTabView Data")
-		//set up the 
-		//_canvas_mc = this;
-		
 		//setStyles();
+		populateLessonDetails();
+		dispatchEvent({type:'load',target:this});
+	}
+	
+	public function setupLabels(){
 		
-	    dispatchEvent({type:'load',target:this});
+		//max_lbl.text = Dictionary.getValue('pi_max_act');
+		
+		//populate the synch type combo:
+		status_lbl.text = "Status:"
+		learner_lbl.text = "Learners:"
+		class_lbl.text = "Class:"
+		elapsed_lbl.text = "Elapsed duration:"
+		manageClass_lbl.text = "Class:"
+		manageStatus_lbl.text = "Status:"
+		manageStart_lbl.text = "Start:"
+		manageMin_lbl.text = "Minutes"
+		manageHour_lbl.text = "Hour"
+		manageDate_lbl.text = "Date"
+			
+		//Button
+		viewLearners_btn.label = "View Learners"
+		editClass_btn.label = "Edit Class"
+		selectClass_btn.label = "Select Class"
+		status1_btn.label = "Archive"
+		status2_btn.label = "Disable"
+		setDateTime_btn.label = "Start Now"
+		
+		_lessonStateArr = ["CREATED", "NOT_STARTED", "STARTED", "SUSPENDED", "FINISHED", "ARCHIVED", "DISABLED"];
+		//Call to apply style to all the labels and input fields
+		//setStyles();
+		delete this.onEnterFrame; 
+			
 	}
 	
 	/**
-	 * Event listener for when when tab is clicked
-	 * 
-	 * @usage   
-	 * @param   evt 
-	 * @return  
-	 */
-	//private function clickEvt(evt):Void{
-		  // trace(evt.target);
-		  // trace("test: "+ String(evt.target.selectedIndex))
-					//forClick.text="label is: " + evt.itemIndex.label + " index is: " + evt.index + " capital is: " +               targetComp.dataProvider[evt.index].data;
-		//}
+	 * Populate the lesson details from HashTable Sequence in MOnitorModel
+	*/
+	private function populateLessonDetails():Void{
+		//var mm:Observable = getModel();
+		var s:Object = mm.getSequence();
+		trace("Item Description (Lesson Tab View) is : "+s._seqDescription);
+		LSTitle_txt.text = s._seqName;
+		LSDescription_txt.text = s._seqDescription;
+		//sessionStatus_txt.text = _lessonStateArr(s._seqStateID);
+		//numLearners_txt.text = s._seqDescription
+		//group_txt.text = s._seqDescription
+		//duration_txt.text = s._seqDescription
+		  
+	}
 	/**
     * Sets the size of the canvas on stage, called from update
     */
@@ -195,4 +245,11 @@
 		var c:Controller = super.getController();
 		return MonitorController(c);
 	}
+	
+	 /*
+    * Returns the default controller for this view.
+    */
+    public function defaultController (model:Observable):Controller {
+        return new MonitorController(model);
+    }
 }
\ No newline at end of file
Index: lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/MonitorTabView.as
===================================================================
diff -u
--- lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/MonitorTabView.as	(revision 0)
+++ lams_central/src/flash/org/lamsfoundation/lams/monitoring/mv/tabviews/MonitorTabView.as	(revision d4bdb419b0ed924be34bcae8851cdf129cacf19d)
@@ -0,0 +1,286 @@
+/***************************************************************************
+ * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+ * =============================================================
+ * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+ * 
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License version 2.0 
+ * as published by the Free Software Foundation.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307
+ * USA
+ * 
+ * http://www.gnu.org/licenses/gpl.txt
+ * ************************************************************************
+ */
+
+import org.lamsfoundation.lams.common.util.*
+import org.lamsfoundation.lams.common.ui.*
+import org.lamsfoundation.lams.common.style.*
+import org.lamsfoundation.lams.monitoring.mv.*
+import org.lamsfoundation.lams.monitoring.mv.tabviews.*;
+import org.lamsfoundation.lams.monitoring.*;
+import org.lamsfoundation.lams.common.dict.*
+import org.lamsfoundation.lams.common.mvc.*
+import org.lamsfoundation.lams.authoring.Activity;
+import org.lamsfoundation.lams.authoring.Transition;
+import org.lamsfoundation.lams.authoring.cv.*;
+import mx.managers.*
+import mx.containers.*;
+import mx.events.*
+import mx.utils.*
+import mx.controls.TabBar;
+
+
+/**
+*Monitoring Tab view for the Monitor
+* Reflects changes in the MonitorModel
+*/
+
+class org.lamsfoundation.lams.monitoring.mv.tabviews.MonitorTabView extends AbstractView{
+	public static var _tabID:Number = 1;
+	private var _className = "MonitorTabView";
+	//constants:
+	private var GRID_HEIGHT:Number;
+	private var GRID_WIDTH:Number;
+	private var H_GAP:Number;
+	private var V_GAP:Number;
+	
+	private var _tm:ThemeManager;
+	private var mm:MonitorModel;
+	private var _monitorTabView:MonitorTabView;
+	
+	//Canvas clip
+	//private var _monitor_mc:MovieClip;
+	private var monitorTabs_tb:MovieClip;
+	private var _monitorTabViewContainer_mc:MovieClip
+	private var bkg_pnl:MovieClip;
+	private var _gridLayer_mc:MovieClip;
+	private var _transitionLayer_mc:MovieClip;
+	private var _activityLayerComplex_mc:MovieClip;
+	private var _activityLayer_mc:MovieClip;
+	
+	//private var _transitionPropertiesOK:Function;
+    //Defined so compiler can 'see' events added at runtime by EventDispatcher
+    private var dispatchEvent:Function;     
+    public var addEventListener:Function;
+    public var removeEventListener:Function;
+	//public var menu:ContextMenu;
+
+	
+	/**
+	* Constructor
+	*/
+	function MonitorView(){
+		_monitorTabView = this;
+		_monitorTabViewContainer_mc = this;
+		_tm = ThemeManager.getInstance();
+        //Init for event delegation
+        mx.events.EventDispatcher.initialize(this);
+	}
+
+	/**
+	* Called to initialise Canvas  . CAlled by the Canvas container
+	*/
+	public function init(m:Observable,c:Controller){
+		//Invoke superconstructor, which sets up MVC relationships.
+		super (m, c);
+		mm = MonitorModel(model)
+        //Set up parameters for the grid
+		H_GAP = 10;
+		V_GAP = 10;
+		
+		MovieClipUtils.doLater(Proxy.create(this,draw)); 
+		
+    }    
+	
+	/**
+	 * Recieved update events from the CanvasModel. Dispatches to relevent handler depending on update.Type
+	 * @usage   
+	 * @param   event
+	 */
+	public function update (o:Observable,infoObj:Object):Void{
+			
+		   var mm:MonitorModel = MonitorModel(o);
+		   
+		   switch (infoObj.updateType){
+				case 'POSITION' :
+					setPosition(mm);
+					break;
+				case 'SIZE' :
+					setSize(mm);
+					break;
+				case 'TABCHANGE' :
+					if (infoObj.tabID == _tabID){
+					trace("TabID for Selected tab is (MonitorTab TABCHANGE): "+infoObj.tabID)
+						this._visible = true;
+						mm.drawDesign(infoObj.tabID)
+						//MovieClipUtils.doLater(Proxy.create(this,draw));
+					}else {
+						this._visible = false;
+					}
+					break;
+				case 'SEQUENCE' :
+					if (infoObj.tabID == _tabID){
+					trace("TabID for Selected tab is (MonitorTab): "+infoObj.tabID)
+						this._visible = true;
+						mm.drawDesign(infoObj.tabID)
+						//MovieClipUtils.doLater(Proxy.create(this,draw));
+					}
+					break;
+				case 'DRAW_ACTIVITY' :
+					if (infoObj.tabID == _tabID){
+						trace("DRAWING_ACTIVITY")
+						drawActivity(infoObj.drawData, mm)
+						//MovieClipUtils.doLater(Proxy.create(this,draw));
+					}
+					break;
+				case 'DRAW_TRANSITION' :
+					if (infoObj.tabID == _tabID){
+						trace("DRAWING_Transition")
+						drawTransition(infoObj.drawData, mm)
+					}
+				default :
+					Debugger.log('unknown update type :' + infoObj.updateType,Debugger.CRITICAL,'update','org.lamsfoundation.lams.CanvasView');
+			}
+
+	}
+	
+	/**
+    * layout visual elements on the MonitorTabView on initialisation
+    */
+	private function draw(){
+		
+		bkg_pnl = this.attachMovie("Panel", "bkg_pnl", this.getNextHighestDepth());
+
+		//set up the 
+		//_canvas_mc = this;
+		_gridLayer_mc = this.createEmptyMovieClip("_gridLayer_mc", this.getNextHighestDepth());
+		_transitionLayer_mc = this.createEmptyMovieClip("_transitionLayer_mc", this.getNextHighestDepth());
+		_activityLayerComplex_mc = this.createEmptyMovieClip("_activityLayerComplex_mc", this.getNextHighestDepth());
+		_activityLayer_mc = this.createEmptyMovieClip("_activityLayer_mc", this.getNextHighestDepth());
+			
+		trace("Loaded MonitorTabView Data"+ this)
+		//setSize (mm)
+		dispatchEvent({type:'load',target:this});
+	}
+	
+	
+	/**
+	 * Draws new activity to monitor tab view stage.
+	 * @usage   
+	 * @param   a  - Activity to be drawn
+	 * @param   cm - Refernce to the model
+	 * @return  Boolean - successfullit
+	 */
+	private function drawActivity(a:Activity,mm:MonitorModel):Boolean{
+		var s:Boolean = false;
+		
+		var mtv = MonitorTabView(this);
+		
+		var mc = getController();
+		
+		//take action depending on act type
+		if(a.activityTypeID==Activity.TOOL_ACTIVITY_TYPE || a.isGateActivity() || a.isGroupActivity() ){
+			var newActivity_mc = _activityLayer_mc.createChildAtDepth("CanvasActivity",DepthManager.kTop,{_activity:a,_monitorController:mc,_monitorTabView:mtv});
+			mm.activitiesDisplayed.put(a.activityUIID,newActivity_mc);
+			
+		}
+		if(a.activityTypeID==Activity.PARALLEL_ACTIVITY_TYPE){
+			//get the children
+			var children:Array = mm.getMonitor().ddm.getComplexActivityChildren(a.activityUIID);
+			
+			var newActivity_mc = _activityLayer_mc.createChildAtDepth("CanvasParallelActivity",DepthManager.kTop,{_activity:a,_children:children,_monitorController:mc,_monitorTabView:mtv});
+			mm.activitiesDisplayed.put(a.activityUIID,newActivity_mc);
+			
+		}
+		if(a.activityTypeID==Activity.OPTIONAL_ACTIVITY_TYPE){
+			var children:Array = mm.getMonitor().ddm.getComplexActivityChildren(a.activityUIID);
+			
+			var newActivity_mc = _activityLayer_mc.createChildAtDepth("CanvasOptionalActivity",DepthManager.kTop,{_activity:a,_children:children,_monitorController:mc,_monitorTabView:mtv});
+			mm.activitiesDisplayed.put(a.activityUIID,newActivity_mc);
+			
+			
+		}else{
+			Debugger.log('The activity:'+a.title+','+a.activityUIID+' is of unknown type, it cannot be drawn',Debugger.CRITICAL,'drawActivity','MonitorTabView');
+		}
+		
+		s = true;
+		
+		return s;
+	}
+	
+	/**
+	 * Draws a transition on the Monitor Tab View.
+	 * @usage   
+	 * @param   t  The transition to draw
+	 * @param   mm  the Monitor Model.
+	 * @return  
+	 */
+	private function drawTransition(t:Transition,mm:MonitorModel):Boolean{
+		var s:Boolean = true;
+		
+		var mtv = MonitorTabView(this);
+		
+		var mc = getController();
+		
+		var newTransition_mc:MovieClip = _transitionLayer_mc.createChildAtDepth("MonitorTransition",DepthManager.kTop,{_transition:t,_monitorController:mc,_monitorTabView:mtv});
+		
+		mm.transitionsDisplayed.put(t.transitionUIID,newTransition_mc);
+		Debugger.log('drawn a transition:'+t.transitionUIID+','+newTransition_mc,Debugger.GEN,'drawTransition','MonitorTabView');
+		return s;
+		
+	}
+	/**
+    * Sets the size of the canvas on stage, called from update
+    */
+	private function setSize(mm:MonitorModel):Void{
+        var s:Object = mm.getSize();
+		trace("Monitor Tab Grid Width: "+s.w+" Monitor Tab Grid Height: "+s.h);
+		//monitor_scp.setSize(s.w,s.h);
+		bkg_pnl.setSize(s.w,s.h);
+		//Create the grid.  The grid is re-drawn each time the canvas is resized.
+		var grid_mc = Grid.drawGrid(_gridLayer_mc,Math.round(s.w-10),Math.round(s.h-10),V_GAP,H_GAP);
+				
+	}
+	
+	 /**
+    * Sets the position of the canvas on stage, called from update
+    * @param cm Canvas model object 
+    */
+	private function setPosition(mm:MonitorModel):Void{
+        var p:Object = mm.getPosition();
+		trace("X pos set in Model is: "+p.x+" and Y pos set in Model is "+p.y)
+        this._x = p.x;
+        this._y = p.y;
+	}
+	
+	
+	/**
+	 * Overrides method in abstract view to ensure cortect type of controller is returned
+	 * @usage   
+	 * @return  CanvasController
+	 */
+	public function getController():MonitorController{
+		var c:Controller = super.getController();
+		return MonitorController(c);
+	}
+	
+	public function getMonitorTab():MovieClip{
+		return monitorTabs_tb;
+	}
+	 /*
+    * Returns the default controller for this view.
+    */
+    public function defaultController (model:Observable):Controller {
+        return new MonitorController(model);
+    }
+	
+}
\ No newline at end of file