Index: lams_flash/src/central/flex/BranchManager/.settings/org.eclipse.core.resources.prefs
===================================================================
diff -u
--- lams_flash/src/central/flex/BranchManager/.settings/org.eclipse.core.resources.prefs	(revision 0)
+++ lams_flash/src/central/flex/BranchManager/.settings/org.eclipse.core.resources.prefs	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,3 @@
+#Wed Nov 05 10:25:30 EST 2008
+eclipse.preferences.version=1
+encoding/<project>=utf-8
Index: lams_flash/src/central/flex/VideoRecorder/.actionScriptProperties
===================================================================
diff -u -r9e5810552421069be4735057d56b8ca4dc2464b2 -r251a00158d63f52d7482fa4aa2decb78d6322a8c
--- lams_flash/src/central/flex/VideoRecorder/.actionScriptProperties	(.../.actionScriptProperties)	(revision 9e5810552421069be4735057d56b8ca4dc2464b2)
+++ lams_flash/src/central/flex/VideoRecorder/.actionScriptProperties	(.../.actionScriptProperties)	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -1,7 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <actionScriptProperties mainApplicationPath="VideoRecorder.mxml" version="3">
 <compiler additionalCompilerArguments="-locale en_US" copyDependentFiles="true" enableModuleDebug="true" generateAccessible="false" htmlExpressInstall="true" htmlGenerate="true" htmlHistoryManagement="true" htmlPlayerVersion="9.0.124" htmlPlayerVersionCheck="true" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" useApolloConfig="false" verifyDigests="true" warn="true">
-<compilerSourcePath/>
+<compilerSourcePath>
+<compilerSourcePathEntry kind="1" linkType="1" path="D:/LAMS_HEAD/lams_flash/src/common/flex"/>
+</compilerSourcePath>
 <libraryPath defaultLinkType="1">
 <libraryPathEntry kind="4" path=""/>
 <libraryPathEntry kind="1" linkType="1" path="libs"/>
Index: lams_flash/src/central/flex/VideoRecorder/.project
===================================================================
diff -u -r9e5810552421069be4735057d56b8ca4dc2464b2 -r251a00158d63f52d7482fa4aa2decb78d6322a8c
--- lams_flash/src/central/flex/VideoRecorder/.project	(.../.project)	(revision 9e5810552421069be4735057d56b8ca4dc2464b2)
+++ lams_flash/src/central/flex/VideoRecorder/.project	(.../.project)	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -17,6 +17,11 @@
 	</natures>
 	<linkedResources>
 		<link>
+			<name>[source path] flex</name>
+			<type>2</type>
+			<location>D:/LAMS_HEAD/lams_flash/src/common/flex</location>
+		</link>
+		<link>
 			<name>bin-release</name>
 			<type>2</type>
 			<location>D:/LAMS_HEAD/lams_tool_videorecorder/web/includes/flash</location>
Index: lams_flash/src/central/flex/VideoRecorder/src/AddCommentPopUp.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorder/src/AddCommentPopUp.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorder/src/AddCommentPopUp.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="376" height="167" title="New Comment">
+
+	<mx:Script>
+        <![CDATA[
+        	import org.lamsfoundation.lams.common.dictionary.XMLDictionary;       
+            import mx.managers.PopUpManager;
+	       	
+	       	private var dictionary:XMLDictionary
+	       		
+		   	private function initApp():void{
+		   		this.focusManager.setFocus(commentInput);
+		   	}
+		   	
+		   	public function init(dictionary:XMLDictionary):void{
+		   		this.dictionary = dictionary;
+		   		commentLabel.text = dictionary.getLabelAndConcatenate("videorecorder.comment", [":"]);
+		   		commentInput.text = dictionary.getLabelAndReplace("videorecorder.enter.something.here", ["videorecorder.comment"]);
+		   	}
+        ]]>
+    </mx:Script>
+	<mx:Label x="10" y="10" text="Comment:" id="commentLabel"/>
+	<mx:TextArea x="83" y="9" width="259" height="75" wordWrap="true" editable="true" text="Enter comment here" id="commentInput"/>
+	<mx:ControlBar height="41" y="431">
+		<mx:HBox width="100%" height="100%" horizontalAlign="right">
+			<mx:Button label="Cancel" id="cancelButton" click="PopUpManager.removePopUp(this)"/>
+			<mx:Button label="OK" id="okButton" click="dispatchEvent(new Event('popUpClose'))"/>
+		</mx:HBox>
+	</mx:ControlBar>
+</mx:TitleWindow>
Index: lams_flash/src/central/flex/VideoRecorder/src/GetRecordingDetailsPopUp.mxml
===================================================================
diff -u -r9e5810552421069be4735057d56b8ca4dc2464b2 -r251a00158d63f52d7482fa4aa2decb78d6322a8c
--- lams_flash/src/central/flex/VideoRecorder/src/GetRecordingDetailsPopUp.mxml	(.../GetRecordingDetailsPopUp.mxml)	(revision 9e5810552421069be4735057d56b8ca4dc2464b2)
+++ lams_flash/src/central/flex/VideoRecorder/src/GetRecordingDetailsPopUp.mxml	(.../GetRecordingDetailsPopUp.mxml)	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -1,30 +1,45 @@
 <?xml version="1.0" encoding="utf-8"?>
-<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="376" height="198" title="New Recording Details">
+<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="376" height="196" title="New Recording Details">
 
 	<mx:Script>
-        <![CDATA[       
+        <![CDATA[
+        	import org.lamsfoundation.lams.common.dictionary.XMLDictionary;       
             import mx.managers.PopUpManager;
 	       	
-	       	private var languageXML:XML;
+	       	private var _dictionary:XMLDictionary;
 	       		
 		   	private function initApp():void{
 		   		this.focusManager.setFocus(titleInput);
 		   	}
 		   	
-		   	public function init(title:String, languageXML:XML):void{
-		   		//this.title = title;
-		   		this.languageXML = languageXML;
+		   	public function init(dictionary:XMLDictionary):void{
+		   		this.dictionary = dictionary;
+		   		this.title = dictionary.getLabel("videorecorder.new.recording.details");
+		   		titleLabel.text = dictionary.getLabelAndConcatenate("videorecorder.title", [":"]);
+		   		descriptionLabel.text = dictionary.getLabelAndConcatenate("videorecorder.description", [":"]);
+		   		titleInput.text = dictionary.getLabelAndReplace("videorecorder.enter.something.here", ["videorecorder.title"]);
+		   		descriptionInput.text = dictionary.getLabelAndReplace("videorecorder.enter.something.here", ["videorecorder.description"]);
+		   		doneButton.label = dictionary.getLabel("button.done");
 		   	}
+		   	
+		   	public function set dictionary(dictionary:XMLDictionary):void{
+		   		_dictionary = dictionary;
+		   	}
+		   	
+		   	public function get dictionary():XMLDictionary{
+		   		return _dictionary;
+		   	}
+		   	
         ]]>
     </mx:Script>
     
 	<mx:Label x="10" y="10" text="Title:" id="titleLabel"/>
 	<mx:Label x="10" y="39" text="Description:" id="descriptionLabel"/>
-	<mx:TextArea x="89" y="38" width="253" height="76" wordWrap="true" editable="true" text="Enter description here" id="descriptionInput"/>
+	<mx:TextArea x="89" y="38" width="253" height="75" wordWrap="true" editable="true" text="Enter description here" id="descriptionInput"/>
 	<mx:TextInput x="89" y="8" width="253" editable="true" id="titleInput" text="Enter title here"/>
 	<mx:ControlBar height="41" y="431">
 		<mx:HBox width="100%" height="100%" horizontalAlign="right">
-			<mx:Button label="OK" id="okButton" click="dispatchEvent(new Event('popUpClose'))"/>
+			<mx:Button label="Done" id="doneButton" click="dispatchEvent(new Event('popUpClose'))"/>
 		</mx:HBox>
 	</mx:ControlBar>
 </mx:TitleWindow>
Index: lams_flash/src/central/flex/VideoRecorder/src/HTTPServices.as
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorder/src/HTTPServices.as	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorder/src/HTTPServices.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,187 @@
+// creates an httpservice and gets video recordings
+private function getRecordingsFromServer(sortBy:String, sortDirection:String):void{
+	var videoRecorderActions:HTTPService = new HTTPService();
+	videoRecorderActions.url = serverUrl;
+	videoRecorderActions.method = "POST";
+	videoRecorderActions.resultFormat = "e4x";
+	videoRecorderActions.request.method = "getRecordingsByToolSessionIdAndUserId";
+	videoRecorderActions.request.toolSessionId = toolSessionId;
+	videoRecorderActions.request.userId = userId;
+	
+	if(allowLearnerVideoVisibility || mode == "teacher")
+		videoRecorderActions.request.getAll = true;
+	else
+		videoRecorderActions.request.getAll = false;
+	
+	videoRecorderActions.request.sortBy = sortBy;
+	videoRecorderActions.request.sortDirection = sortDirection;
+	videoRecorderActions.request.allowLearnerVideoVisibility = allowLearnerVideoVisibility;
+	videoRecorderActions.addEventListener(ResultEvent.RESULT, getRecordingsSuccessHandler);
+	videoRecorderActions.addEventListener(FaultEvent.FAULT, getRecordingsFaultHandler);
+	
+	videoRecorderActions.send();
+}
+
+// handler for successful get recordings
+private function getRecordingsSuccessHandler(e:ResultEvent):void {
+	// update the rating from the servlet's returned xml
+	videoRecordings = e.result.recording;
+}
+
+// fault handler for get recordings
+  private function getRecordingsFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
+
+// creates an httpservice and saves a video recording
+private function saveRecordingToServer(userId:int, title:String, description:String, filename:String, rating:Number, toolSessionId:int, recordingId:int):void{
+	var videoRecorderActions:HTTPService  = new HTTPService();
+	videoRecorderActions.url = serverUrl;
+	videoRecorderActions.method = "POST";
+	videoRecorderActions.resultFormat = "e4x";
+	videoRecorderActions.request.method = "saveRecording";
+	videoRecorderActions.request.userId = userId;
+	videoRecorderActions.request.recordingId = recordingId;
+	videoRecorderActions.request.title = title;
+	videoRecorderActions.request.rating = rating;
+	videoRecorderActions.request.description = description;
+	videoRecorderActions.request.filename = filename;
+	
+	if(!allowUseCamera && allowUseVoice)
+		videoRecorderActions.request.isJustSound = true;
+	else
+		videoRecorderActions.request.isJustSound = false;
+	
+	videoRecorderActions.request.toolSessionId = toolSessionId;
+	videoRecorderActions.addEventListener(ResultEvent.RESULT, saveRecordingSuccessHandler);
+	videoRecorderActions.addEventListener(FaultEvent.FAULT, saveRecordingFaultHandler);
+	
+	videoRecorderActions.send();
+}
+
+// handler for successful save recording
+private function saveRecordingSuccessHandler(e:ResultEvent):void {	        	
+	// update the video recordings
+	getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);	
+}
+
+// fault handler for save recording
+  private function saveRecordingFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
+
+// creates an httpservice and saves a comment
+private function saveCommentToServer(toolSessionId:int, recordingId:int, userId:int, commentId:int, comment:String):void{
+	var videoRecorderActions:HTTPService  = new HTTPService();
+	videoRecorderActions.url = serverUrl;
+	videoRecorderActions.method = "POST";
+	videoRecorderActions.resultFormat = "e4x";
+	videoRecorderActions.request.method = "saveComment";
+	videoRecorderActions.request.userId = userId;
+	videoRecorderActions.request.recordingId = recordingId;
+	videoRecorderActions.request.comment = comment;
+	videoRecorderActions.request.commentId = commentId;
+	videoRecorderActions.request.toolSessionId = toolSessionId;
+
+	videoRecorderActions.addEventListener(ResultEvent.RESULT, saveCommentSuccessHandler);
+	videoRecorderActions.addEventListener(FaultEvent.FAULT, saveCommentFaultHandler);
+	
+	videoRecorderActions.send();
+}
+
+// handler for successful save recording
+private function saveCommentSuccessHandler(e:ResultEvent):void {
+	// update the comments with the xml sent back from the servlet
+	videoInformation.printComments(XMLList(e.result));
+	
+	// update the video recordings
+	getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);	
+	
+	// scroll the video information box to the position of the "Comments:" label
+	videoInformation.verticalScrollPosition = videoInformation.commentsLabel.y;
+}
+
+// fault handler for save recording
+  private function saveCommentFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
+       
+// creates an httpservice and saves a rating
+private function saveRatingToServer(toolSessionId:int, ratingId:int, userId:int, rating:Number, recordingId:int):void{
+	var videoRecorderActions:HTTPService  = new HTTPService();
+	videoRecorderActions.url = serverUrl;
+	videoRecorderActions.method = "POST";
+	videoRecorderActions.resultFormat = "e4x";
+	videoRecorderActions.request.method = "saveRating";
+	videoRecorderActions.request.userId = userId;
+	videoRecorderActions.request.rating = rating;
+	videoRecorderActions.request.ratingId = ratingId;
+	videoRecorderActions.request.toolSessionId = toolSessionId;
+	videoRecorderActions.request.recordingId = recordingId;
+
+	videoRecorderActions.addEventListener(ResultEvent.RESULT, saveRatingSuccessHandler);
+	videoRecorderActions.addEventListener(FaultEvent.FAULT, saveRatingFaultHandler);
+	
+	videoRecorderActions.send();
+}
+
+// handler for successful save rating
+private function saveRatingSuccessHandler(e:ResultEvent):void {
+	// set the last rating clicked to voted
+	ratingClicked.voted = true;
+	
+	// set its average value
+	ratingClicked.value = e.result.rating;
+	
+	// set the user's voted value
+	ratingClicked.votedValue = e.result.userRating;
+	
+	// update the video recordings
+	getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);	
+}
+
+// fault handler for save rating
+  private function saveRatingFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
+
+// creates an httpservice and saves a rating
+private function deleteRecordingFromServer(recordingId:int):void{
+	var videoRecorderActions:HTTPService  = new HTTPService();
+	videoRecorderActions.url = serverUrl;
+	videoRecorderActions.method = "POST";
+	videoRecorderActions.resultFormat = "e4x";
+	videoRecorderActions.request.method = "deleteRecording";
+	videoRecorderActions.request.recordingId = recordingId;
+
+	videoRecorderActions.addEventListener(ResultEvent.RESULT, deleteRecordingSuccessHandler);
+	videoRecorderActions.addEventListener(FaultEvent.FAULT, deleteRecordingFaultHandler);
+	
+	videoRecorderActions.send();
+}
+
+// handler for successful delete recording
+private function deleteRecordingSuccessHandler(e:ResultEvent):void {
+	// update the video recordings
+	getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);
+	
+	// reset video information
+	videoInformation.resetInformation();
+	
+	videoDisplay.reset();
+}
+
+// fault handler for detele recording
+  private function deleteRecordingFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
+
+// handler for successful save preview image
+private function savePreviewImageSuccessHandler(e:ResultEvent):void {
+	Alert.show(e.toString());
+}
+
+// fault handler for save preview image
+  private function savePreviewImageFaultHandler(e:FaultEvent):void {
+  	Alert.show(e.toString());
+}
\ No newline at end of file
Fisheye: Tag 251a00158d63f52d7482fa4aa2decb78d6322a8c refers to a dead (removed) revision in file `lams_flash/src/central/flex/VideoRecorder/src/ResizeableTextArea.mxml'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_flash/src/central/flex/VideoRecorder/src/VideoInformation.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorder/src/VideoInformation.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorder/src/VideoInformation.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>			
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="340" horizontalScrollPolicy="off" borderStyle="solid" top="354" left="10" bottom="10" xmlns:ns1="org.lamsfoundation.lams.common.ui.components.*" xmlns:controls="com.asfusion.controls.*">
+	<mx:Script>
+		<![CDATA[
+			import org.lamsfoundation.lams.common.dictionary.XMLDictionary;
+			import mx.core.Application;
+			
+			private var allowRatings:Boolean;
+			private var allowComments:Boolean;
+			private var dictionary:XMLDictionary;
+			
+			public function init():void{
+				allowRatings = Application.application.getAllowRatings();
+				allowComments = Application.application.getAllowComments();
+				dictionary = Application.application.getDictionary();
+				
+				// enable/disable ratings
+				if(!allowRatings)
+					authorBox.removeChild(authorBox.getChildByName("ratingsBox"));
+				
+				// enable/disable comments
+				if(!allowComments)
+					videoInformationBox.removeChild(videoInformationBox.getChildByName("commentsBox")); 
+			}
+			
+			public function enableVideoInformationButtons(enabled:Boolean):void{
+				ratingButton.enabled = enabled;
+				addCommentButton.enabled = enabled;
+			}
+		
+			public function printComments(comments:XMLList):void{
+				var commentString:String = "";
+				var commentsXMLList:XMLList = comments[0].comment;
+				for(var i:int = 0; i < commentsXMLList.length(); i++){
+					if(!dictionary.isEmpty()){
+						commentString += dictionary.getLabelAndConcatenate("videorecorder.author", [": "]) + commentsXMLList[i].author.toString() + "\n"
+										+ dictionary.getLabelAndConcatenate("videorecorder.date", [": "]) + commentsXMLList[i].createDate.toString() + "\n"
+										+ dictionary.getLabelAndConcatenate("videorecorder.comment", [": "]) + commentsXMLList[i].text;
+						
+						if(i != commentsXMLList.length() - 1){
+							commentString += "\n\n";
+						}
+					}
+				}
+				
+				this.comments.text = commentString;
+			}
+			
+			public function resetInformation():void{
+				title.text = "";
+				author.text = "";
+				description.text = "";
+				comments.text = "";
+				ratingButton.value = 0;
+				ratingButton.votedValue = 0;
+				ratingButton.enabled = false;
+				addCommentButton.enabled = false;	
+			}
+	    ]]>
+	</mx:Script>
+	<mx:VBox width="100%" height="100%" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" id="videoInformationBox">
+		<mx:Label id="titleLabel" text="Title:" fontStyle="italic"/>
+		<mx:Text width="100%" id="title"/>
+		<mx:HRule width="100%"/>
+		<mx:HBox width="100%" id="authorBox">
+			<mx:VBox width="177">
+				<mx:Label id="authorLabel" text="Author:" fontStyle="italic"/>
+				<mx:Text width="100%" id="author"/>
+			</mx:VBox>
+			<mx:Spacer width="100%"/>
+			<mx:VBox width="132" id="ratingsBox">
+				<mx:Label id="ratingLabel" text="Rating:" fontStyle="italic"/>
+				<controls:Rating value="0" id="ratingButton" enabled="false" />
+			</mx:VBox>
+		</mx:HBox>
+		<mx:VBox width="100%" id="descriptionBox">
+			<mx:HRule width="100%"/>
+			<mx:Label id="descriptionLabel" text="Description:" fontStyle="italic"/>
+			<ns1:ResizeableTextArea id="description" width="100%" wordWrap="true" editable="false" verticalScrollPolicy="off" borderStyle="none"/>
+		</mx:VBox>
+		<mx:VBox width="100%" height="100%">
+		</mx:VBox>
+		<mx:VBox width="100%" id="commentsBox">
+			<mx:HRule width="100%" id="commentsRule"/>
+			<mx:Label id="commentsLabel" text="Comments:" fontStyle="italic"/>
+			<ns1:ResizeableTextArea width="100%" id="comments" wordWrap="true" editable="false" verticalScrollPolicy="off" borderStyle="none"/>
+			<mx:Button id="addCommentButton" label="Add Comment" enabled="false"/>
+		</mx:VBox>
+	</mx:VBox>
+</mx:Canvas>
\ No newline at end of file
Index: lams_flash/src/central/flex/VideoRecorder/src/VideoProfile.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorder/src/VideoProfile.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorder/src/VideoProfile.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="290" height="115" verticalScrollPolicy="off" horizontalScrollPolicy="off" creationComplete="init()">
+	<mx:Script>
+		<![CDATA[
+			import mx.core.Application;
+		
+			private function init():void{
+				var userId:int = Application.application.getUserId();
+				var allowLearnerVideoExport:Boolean = Application.application.getAllowLearnerVideoExport();
+				var allowLearnerVideoVisibility:Boolean = Application.application.getAllowLearnerVideoVisibility();
+				var mode:String = Application.application.getMode();
+				
+				if(mode == Application.application.LEARNER_MODE)
+					if(data.userUid != userId)
+						videoProfileButtonBox.removeChild(videoProfileButtonBox.getChildByName("deleteButton"));
+				
+				if(mode == Application.application.LEARNER_MODE)
+					if(data.userUid != userId || !allowLearnerVideoExport)
+						videoProfileButtonBox.removeChild(videoProfileButtonBox.getChildByName("exportButton"));
+			}
+		
+	    ]]>
+	</mx:Script>
+	<mx:VBox width="100%" height="100%" paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
+		<mx:HBox width="100%" height="100%" paddingBottom="3" paddingLeft="5" paddingRight="5" paddingTop="5" horizontalGap="4" verticalScrollPolicy="off" horizontalScrollPolicy="off">
+			<mx:Image width="96" height="72" id="previewImage" source="http://clctext.tlt.psu.edu/labs/mac/help/software/VideoEditing/images/iMovie_icon.jpg"/>
+			<mx:VBox width="100%" height="72" verticalGap="0" horizontalScrollPolicy="off" verticalScrollPolicy="off">
+				<mx:Label fontWeight="bold" id="titleLabel" text="{data.title}" width="100%" textAlign="left"/>
+				<mx:Label id="authorLabel" text="{data.author}" width="100%" textAlign="left"/>
+				<mx:Label id="descriptionLabel" text="{data.description}" width="100%" textAlign="left"/>
+				<mx:Label id="dateLabel" text="{data.createDate}" fontStyle="italic" width="100%" textAlign="left"/>
+			</mx:VBox>
+		</mx:HBox>
+		<mx:HBox width="100%" height="100%" paddingTop="0" paddingRight="5" paddingLeft="5" paddingBottom="5" verticalAlign="middle" horizontalScrollPolicy="off" verticalScrollPolicy="off" id="videoProfileButtonBox">
+			<mx:Button icon="@Embed(source='assets/images/deleteIcon.swf')" width="25" height="20" id="deleteButton"/>
+			<mx:Button icon="@Embed(source='assets/images/exportIcon.swf')" width="25" height="20" id="exportButton"/>
+		</mx:HBox>
+	</mx:VBox>
+</mx:Canvas>
Index: lams_flash/src/central/flex/VideoRecorder/src/VideoRecorder.mxml
===================================================================
diff -u -r9e5810552421069be4735057d56b8ca4dc2464b2 -r251a00158d63f52d7482fa4aa2decb78d6322a8c
--- lams_flash/src/central/flex/VideoRecorder/src/VideoRecorder.mxml	(.../VideoRecorder.mxml)	(revision 9e5810552421069be4735057d56b8ca4dc2464b2)
+++ lams_flash/src/central/flex/VideoRecorder/src/VideoRecorder.mxml	(.../VideoRecorder.mxml)	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -1,95 +1,122 @@
 <?xml version="1.0" encoding="utf-8"?>
-<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="680" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" xmlns:ns1="*" height="652" creationComplete="init()" enabled="false">
-
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="682" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" xmlns:ns1="org.lamsfoundation.lams.common.ui.components.*" xmlns:controls="com.asfusion.controls.*" height="652" creationComplete="init()" enabled="true" xmlns:local="*" xmlns:ns2="org.lamsfoundation.lams.common.ui.components.*">
+	
 	<mx:Script>
 		<![CDATA[
+			import org.lamsfoundation.lams.common.util.VideoDisplayUtil;
+			//includes
+			include "HTTPServices.as"
+			
 			// imports
+			import org.lamsfoundation.lams.common.ui.components.VideoDisplayEvent;
+			import mx.events.CloseEvent;
+			import org.lamsfoundation.lams.common.util.LAMSStringUtil;
+			import mx.utils.StringUtil;
+			import org.lamsfoundation.lams.common.ui.components.SortEvent;
+			import mx.graphics.codec.PNGEncoder;
+			import mx.events.SliderEvent;
+			import mx.events.DragEvent;
+			import com.asfusion.controls.Rating;
+			import com.asfusion.controls.ratingclasses.RatingEvent;
+			import mx.collections.ArrayCollection;
 			import mx.events.MetadataEvent;		
 			import mx.containers.TitleWindow;
-			import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
-			import mx.controls.dataGridClasses.DataGridColumn;
 			import mx.rpc.events.FaultEvent;
 			import mx.controls.Alert;
 			import mx.collections.XMLListCollection;
 			import mx.rpc.events.ResultEvent;
 			import mx.rpc.http.HTTPService;
 			import adobe.utils.CustomActions;
-			import mx.controls.advancedDataGridClasses.AdvancedDataGridGroupItemRenderer;
-			import mx.controls.advancedDataGridClasses.AdvancedDataGridItemRenderer;
 			import mx.events.ListEvent;
-			import mx.collections.HierarchicalData;
-			import mx.core.mx_internal;
 			import mx.managers.PopUpManager;
+			import org.lamsfoundation.lams.common.dictionary.XMLDictionary;
 			
 			// connection-related
 			private var nc:NetConnection;
-			private var ns:NetStream;
-			private var cam:Camera;
-			private var mic:Microphone;
+			private var client:Object;
+			private var cam:Camera = null;
+			private var mic:Microphone = null;
+			private static var red5App:String = "oflaDemo";
+			private static var servletLocation:String = "tool/lavidr10/videoRecorderActions.do";
+					
+			// from flashvars
+			[Bindable] private var contentEditable:Boolean;
+			[Bindable] private var userId:int;
+			[Bindable] private var toolSessionId:int;
+			[Bindable] private var allowUseVoice:Boolean;
+			[Bindable] private var allowUseCamera:Boolean;
+			[Bindable] private var allowLearnerVideoVisibility:Boolean;
+			[Bindable] private var allowLearnerVideoExport:Boolean;
+			[Bindable] private var allowComments:Boolean;
+			[Bindable] private var allowRatings:Boolean;
+			[Bindable] private var red5ServerUrl:String;
+			[Bindable] private var serverUrl:String;
+			[Bindable] private var languageXML:XML;
+			[Bindable] private var mode:String;
+
+			// misc
 			private var filename:String = "";
 			private var itemClicked:Object = null;
+			private var ratingClicked:Rating;
+			private var dictionary:XMLDictionary;
+			[Bindable] private var videoRecordings:XMLList = null;
+			private var timer:Timer;
+			private var metadata:Object;
 			
-			// flags
-			private var isCameraViewed:Boolean = false;
-			private var isPublishing:Boolean = false;
-			private var isVideoPaused:Boolean = false;
-			private var isVideoPlaying:Boolean = false;
-			
-			// from flashvars
-			private var contentEditable:Boolean;
-			private var userId:int;
-			private var toolSessionId:int;
-			private var allowUseVoice:Boolean;
-			private var allowUseCamera:Boolean;
-			private var allowLearnerVideoVisibility:Boolean;
-			private var allowLearnerVideoExport:Boolean;
-			
 			// ui stuff
 			private var getDetailsPopUp:GetRecordingDetailsPopUp;
-			private var videoContainer:Video;
-			private var video:Video = new Video(320, 240);
-			[Bindable] private var videoRecordings:HierarchicalData;
+			private var addCommentPopUp:AddCommentPopUp;
 			
-			// ugly callback stuff
-			NetConnection.prototype.onBWDone = function(infoObject) {
-				// print its properties
-    			Application.application.printInfoObject("onBWDone", infoObject)
-			}
+			private var previewImage:BitmapData;
 			
-			public function onPlayStatus(infoObject:Object){
-				// print its properties
-				printInfoObject("onPlayStatus", infoObject);
-    			
-    			switch(infoObject.code){
-    				case "NetStream.Play.Start":{
-						var i:int = 0;
-						i++;
-						break;
-    				}
-    				case "NetStream.Play.Complete":{
-						playClick();
-						break;
-    				}
-    				default:
-    			}
-			}
-			
-			public function onMetaData(infoObject:Object){
-				// print its properties
-				printInfoObject("onMetaData", infoObject);
-			}			
-			
+			// constants
+			public const TEACHER_MODE:String = "teacher";
+			public const AUTHOR_MODE:String = "author";
+			public const LEARNER_MODE:String = "learner";
+							
 			// called from creationComplete
 			private function init():void {
 				// get flashvars
 				getFlashVars();
+								
+				// if in teacher or author mode
+				if(mode == TEACHER_MODE || mode == AUTHOR_MODE){
+					allowComments = true;
+					allowRatings = true;
+					allowLearnerVideoExport = true;
+					allowLearnerVideoVisibility = true;
+					allowUseCamera = true;
+					allowUseVoice = true;	
+				}
 				
+				// init labels if languageXML is not empty
+				if(languageXML.toString() != ""){
+					dictionary = new XMLDictionary(languageXML);
+					setLabels();
+				}
+				else{
+					dictionary = new XMLDictionary(new XML(""));
+				}
+				
+				// add some listeners
+				addListeners();
+				
 				// for testing purposes (when running in debug)
 				if(toolSessionId == 0){
+					contentEditable = true;
 					userId = 1;
 					toolSessionId = 1;
+					allowUseVoice = true;
+					allowUseCamera = true;
+					allowComments = true;
+					allowRatings = true;
+					allowLearnerVideoExport = false;
+					allowLearnerVideoVisibility = true;
+					red5ServerUrl = "rtmp://172.20.100.22/";
+					serverUrl = "http://172.20.100.220:8080/lams/";
+					mode = AUTHOR_MODE;
 				}
-			
+				
 				/*
 				Alert.show(
 					"contentEditable: " + contentEditable +
@@ -98,33 +125,128 @@
 					"\nallowUseVoice: " + allowUseVoice +
 					"\nallowUseCamera: " + allowUseCamera +
 					"\nallowLearnerVideoVisibility: " + allowLearnerVideoVisibility +
-					"\nallowLearnerVideoExport: " + allowLearnerVideoExport);
+					"\nallowLearnerVideoExport: " + allowLearnerVideoExport +
+					"\nallowComments: " + allowComments +
+					"\nallowRatings: " + allowRatings +
+					"\nred5ServerUrl: " + red5ServerUrl +
+					"\nserverUrl: " + serverUrl +
+					"\nmode: " + mode);
 				*/
-												
+				
+				// add the app name to the red5 url to complete the url
+				red5ServerUrl += red5App;
+				
+				// add the servlet location to the server url to complete
+				serverUrl += servletLocation;
+				
+				// if the cam is to be used, set that up
+				if(allowUseCamera){
+					cam = VideoDisplayUtil.setupCamera();
+					videoDisplay.attachCamera(cam);
+				}
+				// else remove the view camera button
+				else{
+					recordingButtonBox.removeChild(recordingButtonBox.getChildByName("viewCameraButton"));
+				}
+				
+				// if the mic is to be used, set that up
+				if(allowUseVoice){
+					mic = VideoDisplayUtil.setupMic();
+					videoDisplay.attachMic(mic)
+				}
+				
+				// if neither mic or camera are to be used
+				if(!allowUseCamera && !allowUseVoice){
+					// remove recording button
+					removeChild(getChildByName("recordingBox"));
+					
+					// stretch the video list
+					videoList.setStyle("bottom", 10);
+					videoList.invalidateList();
+				}
+				
+				// init components that need it
+				videoInformation.init();
+								
+				// create the connection
 				createConnection();
 			}
 			
 			// gets flashvars from request
 			private function getFlashVars():void{
-				contentEditable = stringToBool(Application.application.parameters.contentEditable);
+				red5ServerUrl = Application.application.parameters.red5ServerUrl;
+				serverUrl = Application.application.parameters.serverUrl;
+				contentEditable = LAMSStringUtil.stringToBool(Application.application.parameters.contentEditable);
 				userId = Application.application.parameters.userId;
 				toolSessionId = Application.application.parameters.toolSessionId;
-				allowUseVoice = stringToBool(Application.application.parameters.allowUseVoice);
-				allowUseCamera = stringToBool(Application.application.parameters.allowUseCamera);
-				allowLearnerVideoVisibility = stringToBool(Application.application.parameters.allowLearnerVideoVisibility);
-				allowLearnerVideoExport = stringToBool(Application.application.parameters.allowLearnerVideoExport);
+				allowUseVoice = LAMSStringUtil.stringToBool(Application.application.parameters.allowUseVoice);
+				allowUseCamera = LAMSStringUtil.stringToBool(Application.application.parameters.allowUseCamera);
+				allowLearnerVideoVisibility = LAMSStringUtil.stringToBool(Application.application.parameters.allowLearnerVideoVisibility);
+				allowLearnerVideoExport = LAMSStringUtil.stringToBool(Application.application.parameters.allowLearnerVideoExport);
+				allowComments = LAMSStringUtil.stringToBool(Application.application.parameters.allowComments);
+				allowRatings = LAMSStringUtil.stringToBool(Application.application.parameters.allowRatings);
+				languageXML = XML(Application.application.parameters.languageXML);
+				mode = Application.application.parameters.mode;
 			}
 			
+			// sets labels
+			private function setLabels():void{
+				playButton.label = dictionary.getLabel("videorecorder.play");
+				sortAuthorButton.label = dictionary.getLabel("videorecorder.author");
+				sortByLabel.text = dictionary.getLabelAndConcatenate("videorecorder.sort.by", [":"]);
+				sortDateButton.label = dictionary.getLabel("videorecorder.date");
+				sortTitleButton.label = dictionary.getLabel("videorecorder.title");
+				videosLabel.text = dictionary.getLabelAndConcatenate("videorecorder.videos", [":"]);
+				videoInformationLabel.text = dictionary.getLabelAndConcatenate("videorecorder.video.information", [":"]);
+				videoInformation.titleLabel.text = dictionary.getLabelAndConcatenate("videorecorder.title", [":"]);
+				videoInformation.authorLabel.text = dictionary.getLabelAndConcatenate("videorecorder.author", [":"]);
+				videoInformation.ratingLabel.text = dictionary.getLabelAndConcatenate("videorecorder.rating", [":"]);
+				videoInformation.descriptionLabel.text = dictionary.getLabelAndConcatenate("videorecorder.description", [":"]);
+				videoInformation.commentsLabel.text = dictionary.getLabelAndConcatenate("videorecorder.comment", ["s:"]);
+				startRecButton.label = dictionary.getLabel("videorecorder.start.recording");
+				viewCameraButton.label = dictionary.getLabel("videorecorder.view.camera");
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.waiting");
+			}
+			
+			// adds listeners
+			private function addListeners():void{
+				videoInformation.ratingButton.addEventListener(RatingEvent.SELECTION_CHANGE, addRatingClick);
+				videoInformation.addCommentButton.addEventListener(MouseEvent.CLICK, addCommentClick);
+				videoList.addEventListener(MouseEvent.CLICK, deleteClick);
+				sortButtonGroup.addEventListener(SortEvent.EVENT_TYPE, sortRecordingsHandler);
+				playButton.addEventListener(MouseEvent.CLICK, playClick);
+				startRecButton.addEventListener(MouseEvent.CLICK, startRecordingClick);
+				viewCameraButton.addEventListener(MouseEvent.CLICK, viewCameraClick);
+				
+				videoDisplay.addEventListener(VideoDisplayEvent.METADATA, onMetaData);
+				videoDisplay.addEventListener(VideoDisplayEvent.PAUSE, onPause);
+				videoDisplay.addEventListener(VideoDisplayEvent.UNPAUSE, onUnpause);
+				videoDisplay.addEventListener(VideoDisplayEvent.READY, onReady);
+				videoDisplay.addEventListener(VideoDisplayEvent.RESET, onReset);
+				videoDisplay.addEventListener(VideoDisplayEvent.STARTCAM, onStartCamera);
+				videoDisplay.addEventListener(VideoDisplayEvent.STOPCAM, onStopCamera);
+				videoDisplay.addEventListener(VideoDisplayEvent.STARTPUBLISH, onStartPublish);
+				videoDisplay.addEventListener(VideoDisplayEvent.STOPPUBLISH, onStopPublish);
+				videoDisplay.addEventListener(VideoDisplayEvent.COMPLETE, onComplete);
+			}
+			
 			private function createConnection():void{
 				// create basic netConnection object
 				nc = new NetConnection();
 			
 				// add some listeners to it
 				nc.addEventListener(NetStatusEvent.NET_STATUS, ncStatusHandler);
 				nc.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
+				nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
 				
+				// set the nc to the videodisplay
+				videoDisplay.setNetConnection(nc);
+				
+				// disable playback buttons
+				enablePlaybackButtons(false);
+				
 				// connect to the local Red5 server and wait for callback
-				nc.connect("rtmp://172.20.100.220/oflaDemo");
+				nc.connect(red5ServerUrl);
 				
 				// wait for NetStatusEvent to be thrown
 			}
@@ -135,166 +257,52 @@
 				var infoObject:Object = event.info;
 				
 				// print its properties
-				printInfoObject("ncStatusHandler", infoObject);
+				VideoDisplayUtil.printInfoObject("ncStatusHandler", infoObject);
   
 				// if successful connection
 				if (infoObject.code == "NetConnection.Connect.Success") {
 					// enable application
 					Application.application.enabled = true;
 					
 					// call server and get recordings, update datagrid with results
-					getRecordingsFromServer();
-					
-					// create netstream
-					ns = new NetStream(nc);
-					//ns.client = this;
-					ns.bufferTime = 5;
-					
-					// add listeners
-					ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
-					ns.addEventListener(NetStatusEvent.NET_STATUS, nsStatusHandler);
-					ns.addEventListener(MetadataEvent.METADATA_RECEIVED, nsMetaDataHandler);
-					ns.client = this;
-
-					// fix video player and attach the netstream to it
-					player.addChild(video);
-					video.visible = true;
-					video.attachNetStream(ns);
-				
-					// get references to the camera and mic
-					mic = Microphone.getMicrophone();
-					cam = Camera.getCamera();
-					
-					// setup some simple settings with the cam and mic for quality
-					setupCameraMic();
-						
-					// attach webcam and mic
-					ns.attachCamera(cam);
-					ns.attachAudio(mic);
+					getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);	
 				}
-				else{					
+				// if connection unsuccessful
+				else if(infoObject.code == "NetConnection.Connect.InvalidApp"){
+					Application.application.enabled = false;			
     				// pop an alert
-					Alert.show("NetConnection not connected");
+					Alert.show(dictionary.getLabel("videorecorder.web.application.not.available"));
 				}
-			}
-			
-			// callback called on NetStream connect event
-			private function nsStatusHandler(event:NetStatusEvent):void {
-				// get the info object
-				var infoObject:Object = event.info;
-				
-				// print its properties
-				printInfoObject("nsStatusHandler", infoObject);
-				
-				switch(infoObject.code){
-					case "NetStream.Play.Start":{
-						break;
-					}
-					case "NetStream.Play.Stop":{
-						break;
-					}
-					case "NetStream.Buffer.Empty":{
-						break;
-					}
-					case "NetStream.Buffer.Full":{
-						break;
-					}
-					case "NetStream.Buffer.Flush":{
-						break;
-					}
-					case "NetStream.Play.Start":{
-						var i:int = 0;
-						i++;
-						break;
-					}
-					case "NetStream.Pause.Notify":{
-						var i:int = 0;
-						i++;
-						break;
-					}
-					case "NetStream.Unpause.Notify":{
-						var i:int = 0;
-						i++;
-						break;
-					}
-					default:
+				else if(infoObject.code == "NetConnection.Connect.Failed"){
+					Application.application.enabled = false;				
+    				// pop an alert
+					Alert.show(dictionary.getLabel("videorecorder.net.connection.not.connected"));
 				}
+				else if(infoObject.code == "NetConnection.Connect.Closed"){
+					Application.application.enabled = false;
+    				// pop an alert
+					Alert.show(dictionary.getLabel("videorecorder.net.connection.closed"));
+				}
 			}
 			
-			// callback called on NetStream connect event
-			private function nsMetaDataHandler(event:MetadataEvent):void {
-				// get the info object
-				var infoObject:Object = event.info;
-				
-				// print its properties
-				printInfoObject("nsMetaDataHandler", infoObject);
-			}
-			
-			// creates an httpservice and gets video recordings
-			private function getRecordingsFromServer():void{
-				var videoRecorderActions:HTTPService = new HTTPService();
-				videoRecorderActions.url = "http://172.20.100.220:8080/lams/tool/lavidr10/videoRecorderActions.do";
-				videoRecorderActions.method = "POST";
-				videoRecorderActions.resultFormat = "e4x";
-				videoRecorderActions.request.method = "getRecordingsByToolSessionIdAndUserId";
-				videoRecorderActions.request.toolSessionId = toolSessionId;
-				videoRecorderActions.request.userId = 0;
-				videoRecorderActions.addEventListener(ResultEvent.RESULT, getRecordingsSuccessHandler);
-				videoRecorderActions.addEventListener(FaultEvent.FAULT, getRecordingsFaultHandler);
-				
-				videoRecorderActions.send();
-			}
-			
-			// creates an httpservice and saves a video recording
-        	private function saveRecordingToServer(userId:int, title:String, description:String, filename:String, rating:Number, toolSessionId:int, recordingId:int):void{
-				var videoRecorderActions:HTTPService  = new HTTPService();
-				videoRecorderActions.url = "http://172.20.100.220:8080/lams/tool/lavidr10/videoRecorderActions.do";
-				videoRecorderActions.method = "POST";
-				videoRecorderActions.resultFormat = "e4x";
-				videoRecorderActions.request.method = "saveRecording";
-				videoRecorderActions.request.userId = userId;
-				videoRecorderActions.request.recordingId = recordingId;
-				videoRecorderActions.request.title = title;
-				videoRecorderActions.request.rating = rating;
-				videoRecorderActions.request.description = description;
-				videoRecorderActions.request.filename = filename;
-				videoRecorderActions.request.toolSessionId = toolSessionId;
-				videoRecorderActions.addEventListener(ResultEvent.RESULT, saveRecordingSuccessHandler);
-				videoRecorderActions.addEventListener(FaultEvent.FAULT, saveRecordingFaultHandler);
-				
-				videoRecorderActions.send();
-        	}
-        	
-        	// handler for successful get recordings
-			private function getRecordingsSuccessHandler(e:ResultEvent):void {
-	        	videoRecordings = new HierarchicalData(e.result.recordings.userFolder);
-				videoRecordings.childrenField = "child";
-	        }
-	        
-	        // fault handler for get recordings
-	      	private function getRecordingsFaultHandler(e:FaultEvent):void {
-	      		Alert.show(e.toString());
-	        }
-	        
-	        // handler for successful save recording
-			private function saveRecordingSuccessHandler(e:ResultEvent):void {
-	        	Alert.show("Recording successfully saved");
-	        	getRecordingsFromServer();
-	        }
-	        
-	        // fault handler for save recording
-	      	private function saveRecordingFaultHandler(e:FaultEvent):void {
-	      		Alert.show(e.toString());
-	        }
-	        
 			private function securityErrorHandler(event:SecurityErrorEvent):void {
 				trace("securityErrorHandler: " + event);
 			}
 	
 			private  function asyncErrorHandler(event:AsyncErrorEvent):void {
 				trace("securityErrorHandler: " + event);
 			} 
-        
+        	
+        	// ugly onBW callback
+			NetConnection.prototype.onBWDone = function(infoObject) {
+				// print its properties
+    			Application.application.printInfoObject("onBWDone", infoObject)
+			}
+	
+        	private function sortRecordingsHandler(event:SortEvent):void{
+        		getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection);	
+        	}
+        	
         	// handler called when the confirm action ("ok", "cancel", "save") on a popup is hit
         	private function popUpRemovedHandler(event:Event):void{
         		// if the given popup is of type getDetailsPopUp
@@ -308,305 +316,382 @@
         			// call the http service to save a recording
         			saveRecordingToServer(userId, title, description, filename + ".flv", rating, toolSessionId, recordingId);
         		}
+				// if the given popup is of type addCommentPopUp
+        		else if(event.target == addCommentPopUp){
+        			// get the details
+        			var comment:String = addCommentPopUp.commentInput.text;
+        			var commentId:int = -1;
+        			var toolSessionId:int = toolSessionId;
+        			var recordingId:int = itemClicked.recordingId;
+        			
+        			// call the http service to save a comment
+        			saveCommentToServer(toolSessionId, recordingId, userId, commentId, comment);
+        		}
         		
         		// no matter what popup, close it
         		if(event.target is TitleWindow){
         			PopUpManager.removePopUp(TitleWindow(event.target));
         		}
         	}
-        	
-        	// click handler for startPublish button
-			private function viewCameraAndPublishClick():void{
-				if(isPublishing || !isCameraViewed){
-					viewCameraClick();
-					publishClick();
+			
+			private function viewCameraClick(event:MouseEvent):void{
+				if(!videoDisplay.isCameraViewed)
+					videoDisplay.startViewCamera();
+				else if(videoDisplay.isCameraViewed)
+					videoDisplay.stopViewCamera();
+			}
+			
+			private function playClick(event:MouseEvent):void{
+				videoDisplay.play();
+			}
+			
+			private function startRecordingClick(event:MouseEvent):void{
+				if(!videoDisplay.isPublishing){
+					filename = VideoDisplayUtil.createFilename(toolSessionId, userId);
+					videoDisplay.startPublish(filename);
 				}
-				else{
-					publishClick();
-				}
+				else if(videoDisplay.isPublishing)
+					videoDisplay.stopPublish();
 			}
 			
-			// click handler for viewCamera button
-			private function viewCameraClick():Boolean {
-				// if camera is not being used
-				if(!isCameraViewed){
-					// check to see if a video was playing
-					if(isVideoPlaying){
-						ns.close();
-					}
-				
-					//change the view stack
-					videoViewStack.selectedChild = recorderView;
+			private function addCommentClick(event:MouseEvent):void{
+				addCommentPopUp = AddCommentPopUp(PopUpManager.createPopUp(this, AddCommentPopUp, true));
+				PopUpManager.centerPopUp(addCommentPopUp);
+				addCommentPopUp.init(dictionary);
+				addCommentPopUp.addEventListener("popUpClose", popUpRemovedHandler);
+			}
+			
+			private function addRatingClick(event:RatingEvent):void{
+				if(!Rating(event.currentTarget).voted){
+					var recordingId:int = itemClicked.recordingId;
+					var ratingId:int = -1;
+					var rating:Number = event.selectedValue;
+					ratingClicked = Rating(event.currentTarget);
 					
-					// attach the cam to the videoDisplay
-					videoDisplay.attachCamera(cam);
-					isCameraViewed = true;
-					
-					// change the view camera button's label
-					viewCameraButton.label = "Stop Camera";
-					
-					setEnabledPlaybackButtonsAndDataGrid(false);
+					saveRatingToServer(toolSessionId, ratingId, userId, rating, recordingId);			
 				}
-				// if camera is being used
-				else {
-					// clear the videoDisplay
-					videoDisplay.attachCamera(null);
-					isCameraViewed = false;
-					
-					// change view
-					videoViewStack.selectedChild = blackView;
-					
-					// change the view camera button's label
-					viewCameraButton.label = "View Camera";
-					
-					setEnabledPlaybackButtonsAndDataGrid(true);
-				}
-				
-				return isCameraViewed;
 			}
 			
-			// called from viewCameraClick() (not really a handler)
-			private function publishClick():Boolean {
-				// if not publishing
-				if(!isPublishing){
-					// create video filename
-					filename = "lamsRecording_session" + toolSessionId + "_user" + userId + "_" + Math.random();
-					// publish video to media server
-					ns.publish(filename, "record");
-					isPublishing = true;
-					
-					// change the start recording button's label
-					startRecButton.label = "Stop Recording";
-					viewCameraButton.enabled = false;				
+			private function deleteClick(event:MouseEvent):void{
+				if(event.target.hasOwnProperty("id") && event.target.id == "deleteButton"){
+					Alert.show(dictionary.getLabel("videorecorder.message.sure.delete"), dictionary.getLabel("videorecorder.confirm"), 3, this, confirmDeleteClick);  
 				}
-				// if recording
-				else {
-					// close the netStream object
-					ns.close();
-					isPublishing = false;
-					
-					// change the start recording button's label
-					startRecButton.label = "Start Recording";
-					viewCameraButton.enabled = true;
-					
-					getDetailsPopUp = GetRecordingDetailsPopUp(PopUpManager.createPopUp(this, GetRecordingDetailsPopUp, true));
-					PopUpManager.centerPopUp(getDetailsPopUp);
-					getDetailsPopUp.init(null, null);
-					getDetailsPopUp.addEventListener("popUpClose", popUpRemovedHandler);
-				}
-				
-				return isPublishing; 
 			}
 			
+			private function confirmDeleteClick(event:CloseEvent):void{
+				if (event.detail==Alert.YES){
+					var recordingId:int = itemClicked.recordingId;
+                	deleteRecordingFromServer(recordingId);
+                	videoInformation.resetInformation();
+                	videoDisplay.reset();
+                }
+			}
+			
 			// click handler for the videoDataGrid list
-			private function videoDataGridClick(event:ListEvent):void {
-				// if video is playing
-				if(isVideoPlaying || isVideoPaused){
-					// close stream
-					resetVideo();
-				}
+			private function videoListClick(event:ListEvent):void {
+				if(videoList.enabled){	
+					// reset video information
+					videoInformation.resetInformation();
+					
+					// store last item clicked
+					itemClicked = event.itemRenderer.data;
+					
+					// enable video information buttons
+					videoInformation.enableVideoInformationButtons(true);
 				
-				// store last item clicked
-				itemClicked = event.itemRenderer.data;
-				
-				// update video text info
-				if(!itemClicked.hasOwnProperty("child") && videoDataGrid.enabled){
-					title.text = itemClicked.title;
-					description.text = itemClicked.description;
-					author.text = itemClicked.author;
-					notes.text = itemClicked.notes
+					// scroll the video information box back up to top
+					videoInformation.verticalScrollPosition = 0;
 					
-					playVideo(itemClicked.filename);
+					// update fields
+					videoInformation.title.text = itemClicked.title;
+					videoInformation.description.text = itemClicked.description;
+					videoInformation.author.text = itemClicked.author;
+					videoInformation.ratingButton.value = itemClicked.rating;
+					videoInformation.printComments(itemClicked.comments);
+					
+					// if no vote has been done, enable voting and show average
+					if(itemClicked.userRating == -1){
+						videoInformation.ratingButton.voted = false;
+					}
+					// if vote has been done, show user's vote and disable voting
+					else{
+						videoInformation.ratingButton.voted = true;
+						videoInformation.ratingButton.votedValue = itemClicked.userRating;
+					}
+					
+					// make ready item clickedo
+					makeReadytItemClicked();
 				}
 				else{
 					itemClicked = null;
+					videoList.selectedItem = null;
+					videoInformation.resetInformation();
 				}
 			}
 			
-			private function playVideo(filename:String):void{
-				// change the view stack to player view
-				videoViewStack.selectedChild = playerView;
+			private function makeReadytItemClicked():void{
+				// if playing a sound file
+				if(LAMSStringUtil.stringToBool(itemClicked.isJustSound)){
+					// change the view stack to audio view
+					videoDisplay.makeReadyAudio(itemClicked.filename);
+				}else{
+					// change the view stack to player view
+					videoDisplay.makeReadyVideo(itemClicked.filename);
+				}
+			}
+			
+			// onMetaData callback, called from videoDisplay
+			private function onMetaData(event:VideoDisplayEvent):void{
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.buffering");
 				
-				// open new stream
-				ns.play(filename);
-				ns.seek(0);
-				ns.pause();
-				isVideoPlaying = false;
-				isVideoPaused = true;
+				seekSlider.minimum = 0;
+				seekSlider.maximum = event.metadata.duration;
+				
+				timer = new Timer(10);
+				timer.addEventListener(TimerEvent.TIMER, updateSeekSlider);
+				timer.start();
 			}
 			
-			// resume the paused netstream video
-			private function playClick():void {
-				// if video is not currently playing
-				if(!isVideoPlaying){
-					// if the last item clicked is not null
-					if(itemClicked != null){
-						// play stream
-						isVideoPaused = false;
-						isVideoPlaying = true;
-						ns.resume();
-						
-						playButton.label = "Stop";
-					}
+			// onReady callback, called from videoDisplay
+			private function onReady(event:VideoDisplayEvent):void{
+				playButton.enabled = true;
+				seekSlider.enabled = true;
+				playButton.label = dictionary.getLabel("videorecorder.play");
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.ready");
+			}
+			
+			// onReset callback, called from videoDisplay
+			public function onReset(event:VideoDisplayEvent):void{
+				// reset play buttons
+				playButton.enabled = false;
+				playButton.label = dictionary.getLabel("videorecorder.play");
+				
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.waiting");
+				
+				// if a timer exists, clear it
+				if(timer){
+					timer.stop();
+					timer = null;
 				}
-				else{
-					resetVideoStillClicked();
-					playButton.label = "Play";
-				}
 
+				seekSlider.enabled = false;
+				seekSlider.minimum = 0;
+				seekSlider.maximum = 0;
+				seekSlider.value = seekSlider.minimum;
+				
+				timerLabel.text = "0:00 / 0:00";
 			}
 			
-			private function resetVideoStillClicked():void{
-				ns.seek(0);
-				isVideoPaused = true;
-				isVideoPlaying = false;
+			// onUnpause callback, called from videoDisplay
+			private function onUnpause(event:VideoDisplayEvent):void{
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.playing");
 				
-				playButton.label = "Play";
+				playButton.label = dictionary.getLabel("videorecorder.pause");
 			}
 			
-			private function resetVideo():void{
-				ns.close();
-				isVideoPaused = false;
-				isVideoPlaying = false;
+			// onPause callback, called from videoDisplay
+			private function onPause(event:VideoDisplayEvent):void{
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.paused");
 				
-				playButton.label = "Play";
+				playButton.label = dictionary.getLabel("videorecorder.resume");
 			}
 			
-			// sets up camera and mic
-			private function setupCameraMic():void {
-				// setting dimensions and framerate
-				cam.setMode(320, 240, 30);
-				// set to minimum of 70% quality
-				cam.setQuality(0,70);
+			private function onStartPublish(event:VideoDisplayEvent):void{
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.recording");
 				
-				// setup mic
-				mic.rate = 44;
+				// change the start recording button's label
+				startRecButton.label = dictionary.getLabel("videorecorder.stop.recording");
+				
+				viewCameraButton.enabled = false;
 			}
 			
-	        // convert a string to a boolean
-	        private function stringToBool(string:String):Boolean{
-	        	switch(string){
-	        		case "1":
-	        		case "true":
-	        		case "yes":
-	        			return true;
-	        		case "0":
-	        		case "false":
-	        		case "no":
-	        			return false;
-	        		default:
-	        		return Boolean(string);
-	        	}
-	        }
-	        
-	        private function printInfoObject(caller:String, infoObject:Object):void{
-	        	trace("caller: " + caller);
-	       		for (var prop in infoObject) {
-        			trace("\t"+prop+":\t"+infoObject[prop]);
-    			}
-	        }
-	        
-			private function recordingLabelFunction(row:Object, column:AdvancedDataGridColumn):String 
-			{
-				return row.title;
+			private function onStopPublish(event:VideoDisplayEvent):void{		
+				// change the start recording button's label
+				startRecButton.label = dictionary.getLabel("videorecorder.start.recording");
+				
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.waiting");
+				
+				viewCameraButton.enabled = true;
+				
+				getDetailsPopUp = GetRecordingDetailsPopUp(PopUpManager.createPopUp(this, GetRecordingDetailsPopUp, true));
+				PopUpManager.centerPopUp(getDetailsPopUp);
+				getDetailsPopUp.init(dictionary);
+				getDetailsPopUp.addEventListener("popUpClose", popUpRemovedHandler);
 			}
 			
-			private function createDateLabelFunction(row:Object, column:AdvancedDataGridColumn):String 
-			{
-				return row.createDate;
+			private function onStartCamera(event:VideoDisplayEvent):void{
+				// reset video information
+				videoInformation.resetInformation();
+				
+				// change the view camera button's label
+				viewCameraButton.label = dictionary.getLabel("videorecorder.stop.camera");
+				
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.waiting");
+				
+				// disable buttons
+				enablePlaybackButtonsAndVideoList(false);
+				videoInformation.enableVideoInformationButtons(false);
 			}
-
-			private function setEnabledPlaybackButtonsAndDataGrid(enabled:Boolean):void{
-				playButton.enabled = enabled;
-				deleteButton.enabled = enabled;
-				exportButton.enabled = enabled;
-				refreshButton.enabled = enabled;
-				videoDataGrid.enabled = enabled;
+			
+			private function onStopCamera(event:VideoDisplayEvent):void{
+				// change the view camera button's label
+				viewCameraButton.label = dictionary.getLabel("videorecorder.view.camera");
+				
+				
+				// set panel status label
+				videoRecorderPanel.status = dictionary.getLabel("videorecorder.waiting");
+				
+				// clear item clicked
+				videoList.selectedItem = null;
+				itemClicked = null;
+				
+				// enable buttons
+				enablePlaybackButtonsAndVideoList(true);
 			}
 			
-			private function setEnabledPlaybackButtonsSep(en1:Boolean, en2:Boolean, en3:Boolean, en4:Boolean):void{
-				playButton.enabled = en1;
-				deleteButton.enabled = en2;
-				exportButton.enabled = en3;
-				refreshButton.enabled = en4;
+			private function onComplete(event:VideoDisplayEvent):void{
+				playButton.label = dictionary.getLabel("videorecorder.play");
 			}
 			
-			private function setEnabledRecordingButtons(enabled:Boolean):void{
-				startRecButton.enabled = enabled;
-				viewCameraButton.enabled = enabled;
+			private function seekSliderChange(event:SliderEvent):void {
+				videoDisplay.seek(event.value);
 			}
-
-			private function setEnabledRecordingButtonsSep(en1:Boolean, en2:Boolean):void{
-				startRecButton.enabled = en1;
-				viewCameraButton.enabled = en2;
-			}
 			
+			private function seekSliderClick(event:SliderEvent):void {
+				// if seekslider is enabled
+				
+				if(seekSlider.enabled){
+					// if the mouse is pressed
+					if(event.type == SliderEvent.THUMB_PRESS){
+						// stop the timer so that the bar seekSlider can manually be controlled
+						timer.stop();
+					}
+					// if the mouse is released
+					else if(event.type == SliderEvent.THUMB_RELEASE){
+						// start the timer again and allow it to regain control of the seekSlider
+						timer.start();
+					}
+				}
+			}
+						
+			// update method called from a timer (launched when metadata is received)
+			private function updateSeekSlider(event:TimerEvent):void{
+				// if the video isn't actually playing yet
+				if(videoDisplay.playMode == videoDisplay.INIT_MODE || videoDisplay. playMode == videoDisplay.READY_MODE){
+					seekSlider.value = 0;
+					timerLabel.text = "0:00" + " / " + VideoDisplayUtil.secondsToString(String(videoDisplay.duration));
+				}
+				// otherwise, if it is playing
+				else if(videoDisplay.playMode == videoDisplay.PLAY_MODE || videoDisplay.playMode == videoDisplay.PAUSE_MODE){
+					seekSlider.value = videoDisplay.time;
+					timerLabel.text = VideoDisplayUtil.secondsToString(String(videoDisplay.time)) + " / " + VideoDisplayUtil.secondsToString(String(videoDisplay.duration));					
+				}
+			}
+				        	       	
+	       	// enables/disables the playback related buttons and video list
+			private function enablePlaybackButtonsAndVideoList(enabled:Boolean):void{
+				enablePlaybackButtons(enabled);
+				enableVideoList(enabled);
+			}	    
+	        
+	        // enables/disables the playback related buttons
+	        private function enablePlaybackButtons(enabled:Boolean):void{
+	        	playButton.label = dictionary.getLabel("videorecorder.play");
+				playButton.enabled = (enabled && itemClicked != null);
+	        }
+	        
+	        // enables/disables the video list
+	        private function enableVideoList(enabled:Boolean):void{
+	  			refreshButton.enabled = enabled;
+				videoList.enabled = enabled;
+				sortDateButton.enabled = enabled;
+				sortAuthorButton.enabled = enabled;
+				sortTitleButton.enabled = enabled;
+				
+				// if videoRecordings is defined
+				if(videoRecordings){
+					var length:int = videoRecordings.length();
+					// get children from videoList and enable/disable
+					for(var i:int = 0; i < length; i++){
+						
+						var videoProfile:VideoProfile = VideoProfile(videoList.indexToItemRenderer(i));
+						var deleteButton:Button = videoProfile.deleteButton;
+						var exportButton:Button = videoProfile.exportButton;
+						
+						if(deleteButton)
+							deleteButton.enabled = enabled;
+						
+						if(exportButton)
+							exportButton.enabled = enabled;
+					}
+				}    	
+	        }
+	        
+	        // getters
+	        public function getUserId():int{
+	        	return userId;
+	        }
+	        
+	        public function getAllowLearnerVideoExport():Boolean{
+	        	return allowLearnerVideoExport;
+	        }
+	        
+	       	public function getAllowLearnerVideoVisibility():Boolean{
+	        	return allowLearnerVideoVisibility;
+	        }
+	        
+	        public function getAllowRatings():Boolean{
+	        	return allowRatings;
+	        }
+	        
+	        public function getAllowComments():Boolean{
+	        	return allowComments;
+	        }
+	        
+	        public function getDictionary():XMLDictionary{
+	        	return dictionary;
+	        }
+	        
+	        public function getMode():String{
+	        	return mode;
+	        }
 	    ]]>
 	</mx:Script>
 
-	<mx:Panel width="340" height="280" layout="absolute" left="10" top="10" title="Display:" id="videoPanel">
-		<mx:ViewStack id="videoViewStack" width="100%" height="100%" creationPolicy="all">
-			<mx:Canvas id="recorderView" width="100%" height="100%">
-				<mx:VideoDisplay width="320" height="240" id="videoDisplay" visible="true"/>
-			</mx:Canvas>
-			<mx:Canvas id="blackView" width="100%" height="100%" backgroundColor="#000000">
-			</mx:Canvas>
-			<mx:Canvas id="playerView" width="100%" height="100%" backgroundColor="#000000">
-				<mx:UIComponent id="player" width="100%" height="100%" />
-			</mx:Canvas>
-		</mx:ViewStack>
+	<mx:Panel width="340" height="310" layout="absolute" left="10" top="10" title="Display:" id="videoRecorderPanel" borderColor="#E2E2E2">
+	<ns1:VideoDisplay id="videoDisplay" width="320" height="240"/>
+	<mx:ControlBar height="38" y="242">
+		<mx:Button id="playButton" label="Play" width="75"/>
+		<mx:HSlider width="100%" id="seekSlider" change="seekSliderChange(event)" dataTipFormatFunction="VideoDisplayUtil.secondsToString" thumbPress="seekSliderClick(event)" thumbRelease="seekSliderClick(event)"/>
+		<mx:Label text="0:00 / 0:00" width="70" textAlign="center" id="timerLabel"/>
+	</mx:ControlBar>
 	</mx:Panel>
-	<mx:AdvancedDataGrid id="videoDataGrid" x="358" y="38" width="312" height="548" selectionMode="singleRow" showHeaders="true" dataProvider="{videoRecordings}" itemClick="videoDataGridClick(event)" sortableColumns="true" displayItemsExpanded="true" resizableColumns="false">
-		<mx:columns>
-			<mx:AdvancedDataGridColumn headerText="Author and Title" dataField="recording" labelFunction="recordingLabelFunction"/>
-			<mx:AdvancedDataGridColumn headerText="Create Date" dataField="createDate" labelFunction="createDateLabelFunction"/>
-		</mx:columns>
-    </mx:AdvancedDataGrid>
-	<mx:VBox x="10" y="324" width="340" height="262" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" horizontalScrollPolicy="off" borderStyle="solid">
-		<mx:Label text="Title:" fontStyle="italic"/>
-		<mx:Text width="100%" id="title"/>
-		<mx:HRule width="100%"/>
-		<mx:HBox width="100%" height="54">
-			<mx:VBox width="177" height="50">
-				<mx:Label text="Author:" fontStyle="italic"/>
-				<mx:Text width="100%" id="author"/>
-			</mx:VBox>
-			<mx:Spacer width="100%"/>
-			<mx:VBox width="132" height="52">
-				<mx:Label text="Rating:" fontStyle="italic"/>
-			</mx:VBox>
-		</mx:HBox>
-		<mx:HRule width="100%"/>
-		<mx:Label text="Description:" fontStyle="italic"/>
-		<ns1:ResizeableTextArea id="description" width="100%" wordWrap="true" editable="false" verticalScrollPolicy="off" height="20" borderStyle="none"/>
-		<mx:HRule width="100%"/>
-		<mx:Label text="Monitor Notes:" fontStyle="italic"/>
-		<ns1:ResizeableTextArea width="100%" id="notes" wordWrap="true" editable="true" verticalScrollPolicy="off" height="20"/>
-	</mx:VBox>
-	<mx:Label x="10" y="298" text="Video information:" fontWeight="bold"/>
-	<mx:HBox x="10" y="594" width="660" height="48">
-		<mx:VBox width="338" height="100%">
-			<mx:Label text="Recording controls:" fontWeight="bold"/>
-			<mx:HBox width="100%" height="100%">
-				<mx:Button label="View Camera" id="viewCameraButton" click="viewCameraClick()"/>
-				<mx:Button label="Start Recording" fontWeight="bold" id="startRecButton" click="viewCameraAndPublishClick()"/>
-			</mx:HBox>
-		</mx:VBox>
-		<mx:VBox width="100%" height="100%">
-			<mx:VBox width="100%" height="100%" horizontalAlign="right">
-				<mx:Label text="Playback controls:" fontWeight="bold"/>
-				<mx:HBox width="100%" horizontalAlign="right">
-					<mx:Button label="Refresh" id="refreshButton" click="getRecordingsFromServer()"/>
-					<mx:Button label="Play" id="playButton" click="playClick()"/>
-					<mx:Button label="Delete" id="deleteButton"/>
-					<mx:Button label="Export" id="exportButton"/>
-				</mx:HBox>
-			</mx:VBox>
-		</mx:VBox>
+	<mx:Label id="videoInformationLabel" x="10" y="328" text="Video information:" fontWeight="bold"/>
+	<local:VideoInformation id="videoInformation"/>
+	<mx:HBox left="358" top="10" right="10">
+		<mx:Label id="videosLabel" text="Videos:" fontWeight="bold"/>
 	</mx:HBox>
-	<mx:HRule width="100%" x="10" y="594"/>
-	<mx:HBox x="358" y="10" width="312">
-		<mx:Label text="Videos:" fontWeight="bold"/>
+	<mx:TileList borderStyle="none" id="videoList" itemRenderer="VideoProfile" dataProvider="{videoRecordings}" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" itemClick="videoListClick(event)" top="62" left="358" bottom="70" right="10"></mx:TileList>
+	<mx:HBox verticalAlign="middle" left="358" top="36" right="10">
+		<mx:Label id="sortByLabel" text="Sort by:" fontWeight="normal" fontStyle="normal"/>
+		<ns2:SortButtonGroup width="100%" horizontalGap="3" id="sortButtonGroup">
+			<ns2:SortButton id="sortDateButton" label="Date"  sortBy="date" selected="true" horizontalGap="0" sortDirection="descending"/>
+			<ns2:SortButton id="sortAuthorButton" label="Author"  sortBy="author" horizontalGap="0"/>
+			<ns2:SortButton id="sortTitleButton" label="Title"  sortBy="title" horizontalGap="0"/>
+		</ns2:SortButtonGroup>
+		<mx:Button label="Update" id="refreshButton" click="getRecordingsFromServer(sortButtonGroup.sortBy, sortButtonGroup.sortDirection)" height="17" textAlign="center"/>
 	</mx:HBox>
-	
+	<mx:VBox height="52" horizontalAlign="right" right="10" bottom="10" left="357" id="recordingBox">
+		<mx:Label id="recordingControlsLabel" text="Recording controls:" fontWeight="bold"/>
+		<mx:HBox width="100%" height="100%" horizontalAlign="right"  id="recordingButtonBox">
+			<mx:Button id="viewCameraButton" label="View Camera"/>
+			<mx:Button fontWeight="bold" id="startRecButton" label="Start Recording"/>
+		</mx:HBox>
+	</mx:VBox>
 </mx:Application>
Index: lams_flash/src/central/flex/VideoRecorder/src/assets/styles/main.css
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorder/src/assets/styles/main.css	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorder/src/assets/styles/main.css	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,35 @@
+Application {
+	backgroundColor:#ECECEC;	
+	backgroundGradientColors:#ECECEC,#ECECEC;
+}
+
+Tile {
+	top: 10;
+	bottom: 10;
+	left: 10;
+	right: 10;
+}
+
+Label {
+	color: #000000;
+	fontWeight: bold;
+	fontSize: 14;
+}
+
+.box {
+	borderColor: #50B2CB;
+	cornerRadius: 10;
+	borderStyle: solid;
+	borderThickness: 1;
+	paddingBottom: 10;
+	paddingTop: 10;
+	paddingLeft: 10;
+	paddingRight: 10;
+	backgroundColor:#ffffff;
+	backgroundAlpha: 1;
+}
+
+Text {
+	fontSize: 12;
+	fontWeight: normal;
+}
\ No newline at end of file
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/.actionScriptProperties
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/.actionScriptProperties	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/.actionScriptProperties	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<actionScriptProperties mainApplicationPath="VideoRecorderFCKEditor.mxml" version="3">
+<compiler additionalCompilerArguments="-locale en_US -use-network=false" copyDependentFiles="true" enableModuleDebug="true" generateAccessible="false" htmlExpressInstall="true" htmlGenerate="true" htmlHistoryManagement="true" htmlPlayerVersion="9.0.124" htmlPlayerVersionCheck="true" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" useApolloConfig="false" verifyDigests="true" warn="true">
+<compilerSourcePath>
+<compilerSourcePathEntry kind="1" linkType="1" path="D:/LAMS_HEAD/lams_flash/src/common/flex"/>
+</compilerSourcePath>
+<libraryPath defaultLinkType="1">
+<libraryPathEntry kind="4" path=""/>
+<libraryPathEntry kind="1" linkType="1" path="libs"/>
+</libraryPath>
+<sourceAttachmentPath/>
+</compiler>
+<applications>
+<application path="VideoRecorderFCKEditor.mxml"/>
+</applications>
+<modules/>
+<buildCSSFiles/>
+</actionScriptProperties>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/.flexProperties
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/.flexProperties	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/.flexProperties	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<flexProperties flexServerType="0" toolCompile="true" useServerFlexSDK="false" version="1"/>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/.project
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/.project	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/.project	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>VideoRecorderFCKEditor</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.flexnature</nature>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] flex</name>
+			<type>2</type>
+			<location>D:/LAMS_HEAD/lams_flash/src/common/flex</location>
+		</link>
+		<link>
+			<name>bin-release</name>
+			<type>2</type>
+			<location>D:/LAMS_HEAD/lams_tool_videorecorder/web/includes/flash</location>
+		</link>
+	</linkedResources>
+</projectDescription>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/.settings/org.eclipse.core.resources.prefs
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/.settings/org.eclipse.core.resources.prefs	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/.settings/org.eclipse.core.resources.prefs	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,3 @@
+#Tue Jan 27 10:24:47 EST 2009
+eclipse.preferences.version=1
+encoding/<project>=utf-8
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/AC_OETags.js
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/AC_OETags.js	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/AC_OETags.js	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,278 @@
+// Flash Player Version Detection - Rev 1.6
+// Detect Client Browser type
+// Copyright(c) 2005-2006 Adobe Macromedia Software, LLC. All rights reserved.
+var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
+var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
+var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
+
+function ControlVersion()
+{
+	var version;
+	var axo;
+	var e;
+
+	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
+
+	try {
+		// version will be set for 7.X or greater players
+		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
+		version = axo.GetVariable("$version");
+	} catch (e) {
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 6.X players only
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
+			
+			// installed player is some revision of 6.0
+			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
+			// so we have to be careful. 
+			
+			// default to the first public version
+			version = "WIN 6,0,21,0";
+
+			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
+			axo.AllowScriptAccess = "always";
+
+			// safe to call for 6.0r47 or greater
+			version = axo.GetVariable("$version");
+
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 4.X or 5.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = axo.GetVariable("$version");
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 3.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = "WIN 3,0,18,0";
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 2.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
+			version = "WIN 2,0,0,11";
+		} catch (e) {
+			version = -1;
+		}
+	}
+	
+	return version;
+}
+
+// JavaScript helper required to detect Flash Player PlugIn version information
+function GetSwfVer(){
+	// NS/Opera version >= 3 check for Flash plugin in plugin array
+	var flashVer = -1;
+	
+	if (navigator.plugins != null && navigator.plugins.length > 0) {
+		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
+			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
+			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
+			var descArray = flashDescription.split(" ");
+			var tempArrayMajor = descArray[2].split(".");			
+			var versionMajor = tempArrayMajor[0];
+			var versionMinor = tempArrayMajor[1];
+			var versionRevision = descArray[3];
+			if (versionRevision == "") {
+				versionRevision = descArray[4];
+			}
+			if (versionRevision[0] == "d") {
+				versionRevision = versionRevision.substring(1);
+			} else if (versionRevision[0] == "r") {
+				versionRevision = versionRevision.substring(1);
+				if (versionRevision.indexOf("d") > 0) {
+					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
+				}
+			} else if (versionRevision[0] == "b") {
+				versionRevision = versionRevision.substring(1);
+			}
+			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
+		}
+	}
+	// MSN/WebTV 2.6 supports Flash 4
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
+	// WebTV 2.5 supports Flash 3
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
+	// older WebTV supports Flash 2
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
+	else if ( isIE && isWin && !isOpera ) {
+		flashVer = ControlVersion();
+	}
+	return flashVer;
+}
+
+// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
+function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
+{
+	versionStr = GetSwfVer();
+	if (versionStr == -1 ) {
+		return false;
+	} else if (versionStr != 0) {
+		if(isIE && isWin && !isOpera) {
+			// Given "WIN 2,0,0,11"
+			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
+			tempString        = tempArray[1];			// "2,0,0,11"
+			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
+		} else {
+			versionArray      = versionStr.split(".");
+		}
+		var versionMajor      = versionArray[0];
+		var versionMinor      = versionArray[1];
+		var versionRevision   = versionArray[2];
+
+        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
+		if (versionMajor > parseFloat(reqMajorVer)) {
+			return true;
+		} else if (versionMajor == parseFloat(reqMajorVer)) {
+			if (versionMinor > parseFloat(reqMinorVer))
+				return true;
+			else if (versionMinor == parseFloat(reqMinorVer)) {
+				if (versionRevision >= parseFloat(reqRevision))
+					return true;
+			}
+		}
+		return false;
+	}
+}
+
+function AC_AddExtension(src, ext)
+{
+  if (src.indexOf('?') != -1)
+    return src.replace(/\?/, ext+'?'); 
+  else
+    return src + ext;
+}
+
+function AC_Generateobj(objAttrs, params, embedAttrs) 
+{ 
+    var str = '';
+    if (isIE && isWin && !isOpera)
+    {
+  		str += '<object ';
+  		for (var i in objAttrs)
+  			str += i + '="' + objAttrs[i] + '" ';
+  		str += '>';
+  		for (var i in params)
+  			str += '<param name="' + i + '" value="' + params[i] + '" /> ';
+  		str += '</object>';
+    } else {
+  		str += '<embed ';
+  		for (var i in embedAttrs)
+  			str += i + '="' + embedAttrs[i] + '" ';
+  		str += '> </embed>';
+    }
+
+    document.write(str);
+}
+
+function AC_FL_RunContent(){
+  var ret = 
+    AC_GetArgs
+    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+     , "application/x-shockwave-flash"
+    );
+  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
+}
+
+function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
+  var ret = new Object();
+  ret.embedAttrs = new Object();
+  ret.params = new Object();
+  ret.objAttrs = new Object();
+  for (var i=0; i < args.length; i=i+2){
+    var currArg = args[i].toLowerCase();    
+
+    switch (currArg){	
+      case "classid":
+        break;
+      case "pluginspage":
+        ret.embedAttrs[args[i]] = args[i+1];
+        break;
+      case "src":
+      case "movie":	
+        args[i+1] = AC_AddExtension(args[i+1], ext);
+        ret.embedAttrs["src"] = args[i+1];
+        ret.params[srcParamName] = args[i+1];
+        break;
+      case "onafterupdate":
+      case "onbeforeupdate":
+      case "onblur":
+      case "oncellchange":
+      case "onclick":
+      case "ondblClick":
+      case "ondrag":
+      case "ondragend":
+      case "ondragenter":
+      case "ondragleave":
+      case "ondragover":
+      case "ondrop":
+      case "onfinish":
+      case "onfocus":
+      case "onhelp":
+      case "onmousedown":
+      case "onmouseup":
+      case "onmouseover":
+      case "onmousemove":
+      case "onmouseout":
+      case "onkeypress":
+      case "onkeydown":
+      case "onkeyup":
+      case "onload":
+      case "onlosecapture":
+      case "onpropertychange":
+      case "onreadystatechange":
+      case "onrowsdelete":
+      case "onrowenter":
+      case "onrowexit":
+      case "onrowsinserted":
+      case "onstart":
+      case "onscroll":
+      case "onbeforeeditfocus":
+      case "onactivate":
+      case "onbeforedeactivate":
+      case "ondeactivate":
+      case "type":
+      case "codebase":
+        ret.objAttrs[args[i]] = args[i+1];
+        break;
+      case "id":
+      case "width":
+      case "height":
+      case "align":
+      case "vspace": 
+      case "hspace":
+      case "class":
+      case "title":
+      case "accesskey":
+      case "name":
+      case "tabindex":
+        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
+        break;
+      default:
+        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
+    }
+  }
+  ret.objAttrs["classid"] = classid;
+  if (mimeType) ret.embedAttrs["type"] = mimeType;
+  return ret;
+}
+
+
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.css
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.css	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.css	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,6 @@
+/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */
+
+#ie_historyFrame { width: 0px; height: 0px; display:none }
+#firefox_anchorDiv { width: 0px; height: 0px; display:none }
+#safari_formDiv { width: 0px; height: 0px; display:none }
+#safari_rememberDiv { width: 0px; height: 0px; display:none }
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.js
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.js	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/history.js	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,662 @@
+BrowserHistoryUtils = {
+    addEvent: function(elm, evType, fn, useCapture) {
+        useCapture = useCapture || false;
+        if (elm.addEventListener) {
+            elm.addEventListener(evType, fn, useCapture);
+            return true;
+        }
+        else if (elm.attachEvent) {
+            var r = elm.attachEvent('on' + evType, fn);
+            return r;
+        }
+        else {
+            elm['on' + evType] = fn;
+        }
+    }
+}
+
+BrowserHistory = (function() {
+    // type of browser
+    var browser = {
+        ie: false, 
+        firefox: false, 
+        safari: false, 
+        opera: false, 
+        version: -1
+    };
+
+    // if setDefaultURL has been called, our first clue
+    // that the SWF is ready and listening
+    //var swfReady = false;
+
+    // the URL we'll send to the SWF once it is ready
+    //var pendingURL = '';
+
+    // Default app state URL to use when no fragment ID present
+    var defaultHash = '';
+
+    // Last-known app state URL
+    var currentHref = document.location.href;
+
+    // Initial URL (used only by IE)
+    var initialHref = document.location.href;
+
+    // Initial URL (used only by IE)
+    var initialHash = document.location.hash;
+
+    // History frame source URL prefix (used only by IE)
+    var historyFrameSourcePrefix = 'history/historyFrame.html?';
+
+    // History maintenance (used only by Safari)
+    var currentHistoryLength = -1;
+
+    var historyHash = [];
+
+    var initialState = createState(initialHref, initialHref + '#' + initialHash, initialHash);
+
+    var backStack = [];
+    var forwardStack = [];
+
+    var currentObjectId = null;
+
+    //UserAgent detection
+    var useragent = navigator.userAgent.toLowerCase();
+
+    if (useragent.indexOf("opera") != -1) {
+        browser.opera = true;
+    } else if (useragent.indexOf("msie") != -1) {
+        browser.ie = true;
+        browser.version = parseFloat(useragent.substring(useragent.indexOf('msie') + 4));
+    } else if (useragent.indexOf("safari") != -1) {
+        browser.safari = true;
+        browser.version = parseFloat(useragent.substring(useragent.indexOf('safari') + 7));
+    } else if (useragent.indexOf("gecko") != -1) {
+        browser.firefox = true;
+    }
+
+    if (browser.ie == true && browser.version == 7) {
+        window["_ie_firstload"] = false;
+    }
+
+    // Accessor functions for obtaining specific elements of the page.
+    function getHistoryFrame()
+    {
+        return document.getElementById('ie_historyFrame');
+    }
+
+    function getAnchorElement()
+    {
+        return document.getElementById('firefox_anchorDiv');
+    }
+
+    function getFormElement()
+    {
+        return document.getElementById('safari_formDiv');
+    }
+
+    function getRememberElement()
+    {
+        return document.getElementById("safari_remember_field");
+    }
+
+    // Get the Flash player object for performing ExternalInterface callbacks.
+    // Updated for changes to SWFObject2.
+    function getPlayer(id) {
+		if (id && document.getElementById(id)) {
+			var r = document.getElementById(id);
+			if (typeof r.SetVariable != "undefined") {
+				return r;
+			}
+			else {
+				var o = r.getElementsByTagName("object");
+				var e = r.getElementsByTagName("embed");
+				if (o.length > 0 && typeof o[0].SetVariable != "undefined") {
+					return o[0];
+				}
+				else if (e.length > 0 && typeof e[0].SetVariable != "undefined") {
+					return e[0];
+				}
+			}
+		}
+		else {
+			var o = document.getElementsByTagName("object");
+			var e = document.getElementsByTagName("embed");
+			if (e.length > 0 && typeof e[0].SetVariable != "undefined") {
+				return e[0];
+			}
+			else if (o.length > 0 && typeof o[0].SetVariable != "undefined") {
+				return o[0];
+			}
+			else if (o.length > 1 && typeof o[1].SetVariable != "undefined") {
+				return o[1];
+			}
+		}
+		return undefined;
+	}
+    
+    function getPlayers() {
+        var players = [];
+        if (players.length == 0) {
+            var tmp = document.getElementsByTagName('object');
+            players = tmp;
+        }
+        
+        if (players.length == 0 || players[0].object == null) {
+            var tmp = document.getElementsByTagName('embed');
+            players = tmp;
+        }
+        return players;
+    }
+
+	function getIframeHash() {
+		var doc = getHistoryFrame().contentWindow.document;
+		var hash = String(doc.location.search);
+		if (hash.length == 1 && hash.charAt(0) == "?") {
+			hash = "";
+		}
+		else if (hash.length >= 2 && hash.charAt(0) == "?") {
+			hash = hash.substring(1);
+		}
+		return hash;
+	}
+
+    /* Get the current location hash excluding the '#' symbol. */
+    function getHash() {
+       // It would be nice if we could use document.location.hash here,
+       // but it's faulty sometimes.
+       var idx = document.location.href.indexOf('#');
+       return (idx >= 0) ? document.location.href.substr(idx+1) : '';
+    }
+
+    /* Get the current location hash excluding the '#' symbol. */
+    function setHash(hash) {
+       // It would be nice if we could use document.location.hash here,
+       // but it's faulty sometimes.
+       if (hash == '') hash = '#'
+       document.location.hash = hash;
+    }
+
+    function createState(baseUrl, newUrl, flexAppUrl) {
+        return { 'baseUrl': baseUrl, 'newUrl': newUrl, 'flexAppUrl': flexAppUrl, 'title': null };
+    }
+
+    /* Add a history entry to the browser.
+     *   baseUrl: the portion of the location prior to the '#'
+     *   newUrl: the entire new URL, including '#' and following fragment
+     *   flexAppUrl: the portion of the location following the '#' only
+     */
+    function addHistoryEntry(baseUrl, newUrl, flexAppUrl) {
+
+        //delete all the history entries
+        forwardStack = [];
+
+        if (browser.ie) {
+            //Check to see if we are being asked to do a navigate for the first
+            //history entry, and if so ignore, because it's coming from the creation
+            //of the history iframe
+            if (flexAppUrl == defaultHash && document.location.href == initialHref && window['_ie_firstload']) {
+                currentHref = initialHref;
+                return;
+            }
+            if ((!flexAppUrl || flexAppUrl == defaultHash) && window['_ie_firstload']) {
+                newUrl = baseUrl + '#' + defaultHash;
+                flexAppUrl = defaultHash;
+            } else {
+                // for IE, tell the history frame to go somewhere without a '#'
+                // in order to get this entry into the browser history.
+                getHistoryFrame().src = historyFrameSourcePrefix + flexAppUrl;
+            }
+            setHash(flexAppUrl);
+        } else {
+
+            //ADR
+            if (backStack.length == 0 && initialState.flexAppUrl == flexAppUrl) {
+                initialState = createState(baseUrl, newUrl, flexAppUrl);
+            } else if(backStack.length > 0 && backStack[backStack.length - 1].flexAppUrl == flexAppUrl) {
+                backStack[backStack.length - 1] = createState(baseUrl, newUrl, flexAppUrl);
+            }
+
+            if (browser.safari) {
+                // for Safari, submit a form whose action points to the desired URL
+                if (browser.version <= 419.3) {
+                    var file = window.location.pathname.toString();
+                    file = file.substring(file.lastIndexOf("/")+1);
+                    getFormElement().innerHTML = '<form name="historyForm" action="'+file+'#' + flexAppUrl + '" method="GET"></form>';
+                    //get the current elements and add them to the form
+                    var qs = window.location.search.substring(1);
+                    var qs_arr = qs.split("&");
+                    for (var i = 0; i < qs_arr.length; i++) {
+                        var tmp = qs_arr[i].split("=");
+                        var elem = document.createElement("input");
+                        elem.type = "hidden";
+                        elem.name = tmp[0];
+                        elem.value = tmp[1];
+                        document.forms.historyForm.appendChild(elem);
+                    }
+                    document.forms.historyForm.submit();
+                } else {
+                    top.location.hash = flexAppUrl;
+                }
+                // We also have to maintain the history by hand for Safari
+                historyHash[history.length] = flexAppUrl;
+                _storeStates();
+            } else {
+                // Otherwise, write an anchor into the page and tell the browser to go there
+                addAnchor(flexAppUrl);
+                setHash(flexAppUrl);
+            }
+        }
+        backStack.push(createState(baseUrl, newUrl, flexAppUrl));
+    }
+
+    function _storeStates() {
+        if (browser.safari) {
+            getRememberElement().value = historyHash.join(",");
+        }
+    }
+
+    function handleBackButton() {
+        //The "current" page is always at the top of the history stack.
+        var current = backStack.pop();
+        if (!current) { return; }
+        var last = backStack[backStack.length - 1];
+        if (!last && backStack.length == 0){
+            last = initialState;
+        }
+        forwardStack.push(current);
+    }
+
+    function handleForwardButton() {
+        //summary: private method. Do not call this directly.
+
+        var last = forwardStack.pop();
+        if (!last) { return; }
+        backStack.push(last);
+    }
+
+    function handleArbitraryUrl() {
+        //delete all the history entries
+        forwardStack = [];
+    }
+
+    /* Called periodically to poll to see if we need to detect navigation that has occurred */
+    function checkForUrlChange() {
+
+        if (browser.ie) {
+            if (currentHref != document.location.href && currentHref + '#' != document.location.href) {
+                //This occurs when the user has navigated to a specific URL
+                //within the app, and didn't use browser back/forward
+                //IE seems to have a bug where it stops updating the URL it
+                //shows the end-user at this point, but programatically it
+                //appears to be correct.  Do a full app reload to get around
+                //this issue.
+                if (browser.version < 7) {
+                    currentHref = document.location.href;
+                    document.location.reload();
+                } else {
+					if (getHash() != getIframeHash()) {
+						// this.iframe.src = this.blankURL + hash;
+						var sourceToSet = historyFrameSourcePrefix + getHash();
+						getHistoryFrame().src = sourceToSet;
+					}
+                }
+            }
+        }
+
+        if (browser.safari) {
+            // For Safari, we have to check to see if history.length changed.
+            if (currentHistoryLength >= 0 && history.length != currentHistoryLength) {
+                //alert("did change: " + history.length + ", " + historyHash.length + "|" + historyHash[history.length] + "|>" + historyHash.join("|"));
+                // If it did change, then we have to look the old state up
+                // in our hand-maintained array since document.location.hash
+                // won't have changed, then call back into BrowserManager.
+                currentHistoryLength = history.length;
+                var flexAppUrl = historyHash[currentHistoryLength];
+                if (flexAppUrl == '') {
+                    //flexAppUrl = defaultHash;
+                }
+                //ADR: to fix multiple
+                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                    var pl = getPlayers();
+                    for (var i = 0; i < pl.length; i++) {
+                        pl[i].browserURLChange(flexAppUrl);
+                    }
+                } else {
+                    getPlayer().browserURLChange(flexAppUrl);
+                }
+                _storeStates();
+            }
+        }
+        if (browser.firefox) {
+            if (currentHref != document.location.href) {
+                var bsl = backStack.length;
+
+                var urlActions = {
+                    back: false, 
+                    forward: false, 
+                    set: false
+                }
+
+                if ((window.location.hash == initialHash || window.location.href == initialHref) && (bsl == 1)) {
+                    urlActions.back = true;
+                    // FIXME: could this ever be a forward button?
+                    // we can't clear it because we still need to check for forwards. Ugg.
+                    // clearInterval(this.locationTimer);
+                    handleBackButton();
+                }
+                
+                // first check to see if we could have gone forward. We always halt on
+                // a no-hash item.
+                if (forwardStack.length > 0) {
+                    if (forwardStack[forwardStack.length-1].flexAppUrl == getHash()) {
+                        urlActions.forward = true;
+                        handleForwardButton();
+                    }
+                }
+
+                // ok, that didn't work, try someplace back in the history stack
+                if ((bsl >= 2) && (backStack[bsl - 2])) {
+                    if (backStack[bsl - 2].flexAppUrl == getHash()) {
+                        urlActions.back = true;
+                        handleBackButton();
+                    }
+                }
+                
+                if (!urlActions.back && !urlActions.forward) {
+                    var foundInStacks = {
+                        back: -1, 
+                        forward: -1
+                    }
+
+                    for (var i = 0; i < backStack.length; i++) {
+                        if (backStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
+                            arbitraryUrl = true;
+                            foundInStacks.back = i;
+                        }
+                    }
+                    for (var i = 0; i < forwardStack.length; i++) {
+                        if (forwardStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
+                            arbitraryUrl = true;
+                            foundInStacks.forward = i;
+                        }
+                    }
+                    handleArbitraryUrl();
+                }
+
+                // Firefox changed; do a callback into BrowserManager to tell it.
+                currentHref = document.location.href;
+                var flexAppUrl = getHash();
+                if (flexAppUrl == '') {
+                    //flexAppUrl = defaultHash;
+                }
+                //ADR: to fix multiple
+                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                    var pl = getPlayers();
+                    for (var i = 0; i < pl.length; i++) {
+                        pl[i].browserURLChange(flexAppUrl);
+                    }
+                } else {
+                    getPlayer().browserURLChange(flexAppUrl);
+                }
+            }
+        }
+        //setTimeout(checkForUrlChange, 50);
+    }
+
+    /* Write an anchor into the page to legitimize it as a URL for Firefox et al. */
+    function addAnchor(flexAppUrl)
+    {
+       if (document.getElementsByName(flexAppUrl).length == 0) {
+           getAnchorElement().innerHTML += "<a name='" + flexAppUrl + "'>" + flexAppUrl + "</a>";
+       }
+    }
+
+    var _initialize = function () {
+        if (browser.ie)
+        {
+            var scripts = document.getElementsByTagName('script');
+            for (var i = 0, s; s = scripts[i]; i++) {
+                if (s.src.indexOf("history.js") > -1) {
+                    var iframe_location = (new String(s.src)).replace("history.js", "historyFrame.html");
+                }
+            }
+            historyFrameSourcePrefix = iframe_location + "?";
+            var src = historyFrameSourcePrefix;
+
+            var iframe = document.createElement("iframe");
+            iframe.id = 'ie_historyFrame';
+            iframe.name = 'ie_historyFrame';
+            //iframe.src = historyFrameSourcePrefix;
+            try {
+                document.body.appendChild(iframe);
+            } catch(e) {
+                setTimeout(function() {
+                    document.body.appendChild(iframe);
+                }, 0);
+            }
+        }
+
+        if (browser.safari)
+        {
+            var rememberDiv = document.createElement("div");
+            rememberDiv.id = 'safari_rememberDiv';
+            document.body.appendChild(rememberDiv);
+            rememberDiv.innerHTML = '<input type="text" id="safari_remember_field" style="width: 500px;">';
+
+            var formDiv = document.createElement("div");
+            formDiv.id = 'safari_formDiv';
+            document.body.appendChild(formDiv);
+
+            var reloader_content = document.createElement('div');
+            reloader_content.id = 'safarireloader';
+            var scripts = document.getElementsByTagName('script');
+            for (var i = 0, s; s = scripts[i]; i++) {
+                if (s.src.indexOf("history.js") > -1) {
+                    html = (new String(s.src)).replace(".js", ".html");
+                }
+            }
+            reloader_content.innerHTML = '<iframe id="safarireloader-iframe" src="about:blank" frameborder="no" scrolling="no"></iframe>';
+            document.body.appendChild(reloader_content);
+            reloader_content.style.position = 'absolute';
+            reloader_content.style.left = reloader_content.style.top = '-9999px';
+            iframe = reloader_content.getElementsByTagName('iframe')[0];
+
+            if (document.getElementById("safari_remember_field").value != "" ) {
+                historyHash = document.getElementById("safari_remember_field").value.split(",");
+            }
+
+        }
+
+        if (browser.firefox)
+        {
+            var anchorDiv = document.createElement("div");
+            anchorDiv.id = 'firefox_anchorDiv';
+            document.body.appendChild(anchorDiv);
+        }
+        
+        //setTimeout(checkForUrlChange, 50);
+    }
+
+    return {
+        historyHash: historyHash, 
+        backStack: function() { return backStack; }, 
+        forwardStack: function() { return forwardStack }, 
+        getPlayer: getPlayer, 
+        initialize: function(src) {
+            _initialize(src);
+        }, 
+        setURL: function(url) {
+            document.location.href = url;
+        }, 
+        getURL: function() {
+            return document.location.href;
+        }, 
+        getTitle: function() {
+            return document.title;
+        }, 
+        setTitle: function(title) {
+            try {
+                backStack[backStack.length - 1].title = title;
+            } catch(e) { }
+            //if on safari, set the title to be the empty string. 
+            if (browser.safari) {
+                if (title == "") {
+                    try {
+                    var tmp = window.location.href.toString();
+                    title = tmp.substring((tmp.lastIndexOf("/")+1), tmp.lastIndexOf("#"));
+                    } catch(e) {
+                        title = "";
+                    }
+                }
+            }
+            document.title = title;
+        }, 
+        setDefaultURL: function(def)
+        {
+            defaultHash = def;
+            def = getHash();
+            //trailing ? is important else an extra frame gets added to the history
+            //when navigating back to the first page.  Alternatively could check
+            //in history frame navigation to compare # and ?.
+            if (browser.ie)
+            {
+                window['_ie_firstload'] = true;
+                var sourceToSet = historyFrameSourcePrefix + def;
+                var func = function() {
+                    getHistoryFrame().src = sourceToSet;
+                    window.location.replace("#" + def);
+                    setInterval(checkForUrlChange, 50);
+                }
+                try {
+                    func();
+                } catch(e) {
+                    window.setTimeout(function() { func(); }, 0);
+                }
+            }
+
+            if (browser.safari)
+            {
+                currentHistoryLength = history.length;
+                if (historyHash.length == 0) {
+                    historyHash[currentHistoryLength] = def;
+                    var newloc = "#" + def;
+                    window.location.replace(newloc);
+                } else {
+                    //alert(historyHash[historyHash.length-1]);
+                }
+                //setHash(def);
+                setInterval(checkForUrlChange, 50);
+            }
+            
+            
+            if (browser.firefox || browser.opera)
+            {
+                var reg = new RegExp("#" + def + "$");
+                if (window.location.toString().match(reg)) {
+                } else {
+                    var newloc ="#" + def;
+                    window.location.replace(newloc);
+                }
+                setInterval(checkForUrlChange, 50);
+                //setHash(def);
+            }
+
+        }, 
+
+        /* Set the current browser URL; called from inside BrowserManager to propagate
+         * the application state out to the container.
+         */
+        setBrowserURL: function(flexAppUrl, objectId) {
+            if (browser.ie && typeof objectId != "undefined") {
+                currentObjectId = objectId;
+            }
+           //fromIframe = fromIframe || false;
+           //fromFlex = fromFlex || false;
+           //alert("setBrowserURL: " + flexAppUrl);
+           //flexAppUrl = (flexAppUrl == "") ? defaultHash : flexAppUrl ;
+
+           var pos = document.location.href.indexOf('#');
+           var baseUrl = pos != -1 ? document.location.href.substr(0, pos) : document.location.href;
+           var newUrl = baseUrl + '#' + flexAppUrl;
+
+           if (document.location.href != newUrl && document.location.href + '#' != newUrl) {
+               currentHref = newUrl;
+               addHistoryEntry(baseUrl, newUrl, flexAppUrl);
+               currentHistoryLength = history.length;
+           }
+
+           return false;
+        }, 
+
+        browserURLChange: function(flexAppUrl) {
+            var objectId = null;
+            if (browser.ie && currentObjectId != null) {
+                objectId = currentObjectId;
+            }
+            pendingURL = '';
+            
+            if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                var pl = getPlayers();
+                for (var i = 0; i < pl.length; i++) {
+                    try {
+                        pl[i].browserURLChange(flexAppUrl);
+                    } catch(e) { }
+                }
+            } else {
+                try {
+                    getPlayer(objectId).browserURLChange(flexAppUrl);
+                } catch(e) { }
+            }
+
+            currentObjectId = null;
+        }
+
+    }
+
+})();
+
+// Initialization
+
+// Automated unit testing and other diagnostics
+
+function setURL(url)
+{
+    document.location.href = url;
+}
+
+function backButton()
+{
+    history.back();
+}
+
+function forwardButton()
+{
+    history.forward();
+}
+
+function goForwardOrBackInHistory(step)
+{
+    history.go(step);
+}
+
+//BrowserHistoryUtils.addEvent(window, "load", function() { BrowserHistory.initialize(); });
+(function(i) {
+    var u =navigator.userAgent;var e=/*@cc_on!@*/false; 
+    var st = setTimeout;
+    if(/webkit/i.test(u)){
+        st(function(){
+            var dr=document.readyState;
+            if(dr=="loaded"||dr=="complete"){i()}
+            else{st(arguments.callee,10);}},10);
+    } else if((/mozilla/i.test(u)&&!/(compati)/.test(u)) || (/opera/i.test(u))){
+        document.addEventListener("DOMContentLoaded",i,false);
+    } else if(e){
+    (function(){
+        var t=document.createElement('doc:rdy');
+        try{t.doScroll('left');
+            i();t=null;
+        }catch(e){st(arguments.callee,0);}})();
+    } else{
+        window.onload=i;
+    }
+})( function() {BrowserHistory.initialize();} );
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/historyFrame.html
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/historyFrame.html	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/history/historyFrame.html	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,29 @@
+<html>
+    <head>
+        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+        <META HTTP-EQUIV="Expires" CONTENT="-1"> 
+    </head>
+    <body>
+    <script>
+        function processUrl()
+        {
+
+            var pos = url.indexOf("?");
+            url = pos != -1 ? url.substr(pos + 1) : "";
+            if (!parent._ie_firstload) {
+                parent.BrowserHistory.setBrowserURL(url);
+                try {
+                    parent.BrowserHistory.browserURLChange(url);
+                } catch(e) { }
+            } else {
+                parent._ie_firstload = false;
+            }
+        }
+
+        var url = document.location.href;
+        processUrl();
+        document.write(encodeURIComponent(url));
+    </script>
+    Hidden frame for Browser History support.
+    </body>
+</html>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/index.template.html
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/index.template.html	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/index.template.html	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,121 @@
+<!-- saved from url=(0014)about:internet -->
+<html lang="en">
+
+<!-- 
+Smart developers always View Source. 
+
+This application was built using Adobe Flex, an open source framework
+for building rich Internet applications that get delivered via the
+Flash Player or to desktops via Adobe AIR. 
+
+Learn more about Flex at http://flex.org 
+// -->
+
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<!--  BEGIN Browser History required section -->
+<link rel="stylesheet" type="text/css" href="history/history.css" />
+<!--  END Browser History required section -->
+
+<title>${title}</title>
+<script src="AC_OETags.js" language="javascript"></script>
+
+<!--  BEGIN Browser History required section -->
+<script src="history/history.js" language="javascript"></script>
+<!--  END Browser History required section -->
+
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+<script language="JavaScript" type="text/javascript">
+<!--
+// -----------------------------------------------------------------------------
+// Globals
+// Major version of Flash required
+var requiredMajorVersion = ${version_major};
+// Minor version of Flash required
+var requiredMinorVersion = ${version_minor};
+// Minor version of Flash required
+var requiredRevision = ${version_revision};
+// -----------------------------------------------------------------------------
+// -->
+</script>
+</head>
+
+<body scroll="no">
+<script language="JavaScript" type="text/javascript">
+<!--
+// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
+var hasProductInstall = DetectFlashVer(6, 0, 65);
+
+// Version check based upon the values defined in globals
+var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
+
+if ( hasProductInstall && !hasRequestedVersion ) {
+	// DO NOT MODIFY THE FOLLOWING FOUR LINES
+	// Location visited after installation is complete if installation is required
+	var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
+	var MMredirectURL = window.location;
+    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
+    var MMdoctitle = document.title;
+
+	AC_FL_RunContent(
+		"src", "playerProductInstall",
+		"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
+		"width", "${width}",
+		"height", "${height}",
+		"align", "middle",
+		"id", "${application}",
+		"quality", "high",
+		"bgcolor", "${bgcolor}",
+		"name", "${application}",
+		"allowScriptAccess","sameDomain",
+		"type", "application/x-shockwave-flash",
+		"pluginspage", "http://www.adobe.com/go/getflashplayer"
+	);
+} else if (hasRequestedVersion) {
+	// if we've detected an acceptable version
+	// embed the Flash Content SWF when all tests are passed
+	AC_FL_RunContent(
+			"src", "${swf}",
+			"width", "${width}",
+			"height", "${height}",
+			"align", "middle",
+			"id", "${application}",
+			"quality", "high",
+			"bgcolor", "${bgcolor}",
+			"name", "${application}",
+			"allowScriptAccess","sameDomain",
+			"type", "application/x-shockwave-flash",
+			"pluginspage", "http://www.adobe.com/go/getflashplayer"
+	);
+  } else {  // flash is too old or we can't detect the plugin
+    var alternateContent = 'Alternate HTML content should be placed here. '
+  	+ 'This content requires the Adobe Flash Player. '
+   	+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
+    document.write(alternateContent);  // insert non-flash content
+  }
+// -->
+</script>
+<noscript>
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="${application}" width="${width}" height="${height}"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="${swf}.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="${bgcolor}" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
+				width="${width}" height="${height}" name="${application}" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</noscript>
+</body>
+</html>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/html-template/playerProductInstall.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/PlayerControlBar.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/src/PlayerControlBar.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/src/PlayerControlBar.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:ControlBar xmlns:mx="http://www.adobe.com/2006/mxml" height="38" y="248" creationPolicy="all">
+	<mx:Button label="&gt;" width="20" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" fontWeight="bold" id="playButton"/>
+	<mx:HSlider width="100%" id="seekSlider" />
+	<mx:Label text="0:00 / 0:00" width="70" textAlign="center" id="timerLabel"/>
+</mx:ControlBar>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoControlBar.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoControlBar.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoControlBar.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:ControlBar xmlns:mx="http://www.adobe.com/2006/mxml" height="38" y="248" creationComplete="onCreationComplete(event)">
+
+	<mx:Script>
+		<![CDATA[
+			private var _mode:String;
+			
+			private function onCreationComplete(event:Event):void{
+				if(_mode == "playerModeOffline" || _mode == "playerModeOffline"){
+					removeChild(getChildByName("recordButton"));
+					removeChild(getChildByName("saveAndCloseButton"));
+				}
+			}
+			
+			public function set mode(mode:String):void{
+				_mode = mode;
+			}		
+		]]>
+	</mx:Script>
+	
+	<mx:Button label="&gt;" width="20" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" fontWeight="bold" id="playButton"/>
+	<mx:Button label="O" width="20" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" fontWeight="normal" id="recordButton"/>
+	<mx:HSlider width="100%" id="seekSlider"/>
+	<mx:Label text="0:00 / 0:00" width="70" textAlign="center" id="timerLabel"/>
+	<mx:Button label="x" width="20" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" fontWeight="normal" id="saveAndCloseButton"/>
+</mx:ControlBar>
\ No newline at end of file
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoRecorderFCKEditor.mxml
===================================================================
diff -u
--- lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoRecorderFCKEditor.mxml	(revision 0)
+++ lams_flash/src/central/flex/VideoRecorderFCKEditor/src/VideoRecorderFCKEditor.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,354 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="org.lamsfoundation.lams.common.ui.components.*" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" width="361" height="331" preinitialize="onPreinitialize(event)" applicationComplete="onApplicationComplete(event)" xmlns:ns2="*">
+
+	<mx:Script>
+		<![CDATA[
+			import org.lamsfoundation.lams.common.util.VideoDisplayUtil;
+			import mx.containers.ControlBar;
+			import mx.effects.easing.Elastic;
+			import mx.effects.AddChildAction;
+			import mx.states.AddChild;
+			import mx.controls.TabBar;
+			import org.lamsfoundation.lams.common.ui.components.VideoDisplayEvent;
+			import mx.events.SliderEvent;
+			import mx.controls.Button;
+			import mx.controls.Alert;
+			import org.lamsfoundation.lams.common.dictionary.XMLDictionary;
+		
+			private var red5ServerUrl:String;
+			private var serverUrl:String;
+			private var filename:String;
+			private var userId:int;
+			private var languageXML:XML;
+			[Bindable] private var mode:String;
+			private var dictionary:XMLDictionary;
+			private var nc:NetConnection;
+			private var timer:Timer;
+			private var cam:Camera;
+			private var mic:Microphone;
+			
+			private static var red5App:String = "oflaDemo";
+			
+			[Embed(source="./assets/images/playIcon.swf")] [Bindable] private var playIcon:Class;
+			[Embed(source="./assets/images/pauseIcon.swf")] [Bindable] private var pauseIcon:Class;
+			[Embed(source="./assets/images/recordIcon.swf")] [Bindable] private var recordIcon:Class;
+			
+			// called first of all, before any components are initialized
+			private function onPreinitialize(event:Event):void{
+				// get flashvars
+				getFlashVars();
+				
+				// for testing purposes (when running in debug)
+				if(mode == null){
+					red5ServerUrl = new String("rtmp://172.20.100.22/");
+					serverUrl = new String("http://172.20.100.220:8080/lams/");
+					filename = new String("files/lamsRecording_session1_user1_593243931.flv");
+					userId = 1;
+					mode = new String("recorderMode");
+				}
+				
+				// if no red5 server is specified, take for granted that mode is 
+				if(!red5ServerUrl){
+					mode = "playerModeOffline";
+				}
+				
+				// add the app name to the red5 url to complete the url
+				red5ServerUrl += red5App;
+				
+				/*
+				Alert.show(
+					"filename: " + filename +
+					"\nuserId: " + userId +
+					"\nred5ServerUrl: " + red5ServerUrl +
+					"\nserverUrl: " + serverUrl +
+					"\nmode: " + mode);
+				*/
+			}
+			
+			// add the appropriate controlbar, called after the videoDisplay component is added to the panel container
+			private function addControlBar(event:Event):void{
+				// create the video control bar
+				videoControlBar = new VideoControlBar();
+				
+				// give it the mode so it can delete buttons once created
+				videoControlBar.mode = mode;
+				
+				// add the control bar now, before the panel is added, so the control bar is anchored
+				videoDisplayPanel.addChild(videoControlBar);
+			}
+			
+			// called after everything is created and ready to go
+			private function onApplicationComplete(event:Event):void {		
+				// init labels if languageXML is not empty
+				if(languageXML.toString() != ""){
+					dictionary = new XMLDictionary(languageXML);
+					setLabels();
+				}
+				else{
+					dictionary = new XMLDictionary(new XML(""));
+				}
+				
+				videoControlBar.playButton.setStyle("icon", playIcon);
+				videoControlBar.playButton.enabled = false;
+				videoControlBar.seekSlider.enabled = false;
+				
+				// add listeners
+				addListeners();
+				
+				if(mode == "playerModeOnline"){
+					createConnection();
+				}
+				else if(mode == "playerModeOffline"){
+					var nc:NetConnection = new NetConnection();
+					nc.connect(null);
+					videoDisplay.bufferTime = 0;
+					videoDisplay.setNetConnection(nc);
+					videoDisplay.makeReadyVideo(filename);
+				}
+				else if(mode == "recorderMode"){
+					cam = VideoDisplayUtil.setupCamera();
+					mic = VideoDisplayUtil.setupMic();
+					videoDisplay.attachCamera(cam);
+					videoDisplay.attachMic(mic);
+					videoDisplay.bufferTime = 2;
+					createConnection();
+				}
+			}
+			
+			// adds some listeners
+			private function addListeners():void{
+				videoDisplay.addEventListener(VideoDisplayEvent.METADATA, onMetaData);
+				videoDisplay.addEventListener(VideoDisplayEvent.PAUSE, onPause);
+				videoDisplay.addEventListener(VideoDisplayEvent.UNPAUSE, onUnpause);
+				videoDisplay.addEventListener(VideoDisplayEvent.READY, onReady);
+				videoDisplay.addEventListener(VideoDisplayEvent.COMPLETE, onComplete);
+				videoDisplay.addEventListener(VideoDisplayEvent.STARTPUBLISH, onStartPublish);
+				videoDisplay.addEventListener(VideoDisplayEvent.STOPPUBLISH, onStopPublish);
+				
+				videoControlBar.playButton.addEventListener(MouseEvent.CLICK, playClick);
+				videoControlBar.seekSlider.addEventListener(SliderEvent.CHANGE, seekSliderChange);
+				videoControlBar.seekSlider.addEventListener(SliderEvent.THUMB_PRESS, seekSliderClick);
+				videoControlBar.seekSlider.addEventListener(SliderEvent.THUMB_RELEASE, seekSliderClick);
+				
+				if(mode == "recorderMode"){
+					videoControlBar.recordButton.addEventListener(MouseEvent.CLICK, recordClick);
+					videoControlBar.saveAndCloseButton.addEventListener(MouseEvent.CLICK, saveAndCloseClick);
+				}
+				
+				videoControlBar.seekSlider.dataTipFormatFunction = VideoDisplayUtil.secondsToString;
+			}
+			
+			// sets labels
+			private function setLabels():void{
+				if(mode == "playerModeOffline" || mode == "playerModeOffline"){
+					videoDisplayPanel.title = dictionary.getLabel("videorecorder.video.player");
+				}
+				else if(mode == "recorderMode"){
+					videoDisplayPanel.title = dictionary.getLabel("videorecorder.video.recorder");
+				}
+				
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.waiting");
+			}
+			
+			// gets flashvars
+			private function getFlashVars():void{
+				red5ServerUrl = Application.application.parameters.red5ServerUrl;
+				serverUrl = Application.application.parameters.serverUrl;
+				filename = Application.application.parameters.filename;
+				userId = Application.application.parameters.userId;
+				languageXML = XML(Application.application.parameters.languageXML);
+				mode = Application.application.parameters.mode;
+			}
+			
+			// creates a netconnection is its needed
+			private function createConnection():void{
+				// create basic netConnection object
+				nc = new NetConnection();
+			
+				// add some listeners to it
+				nc.addEventListener(NetStatusEvent.NET_STATUS, ncStatusHandler);
+				nc.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
+				nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
+				
+				// set the nc to the videodisplay
+				videoDisplay.setNetConnection(nc);
+				
+				// connect to the local Red5 server and wait for callback
+				nc.connect(red5ServerUrl);
+				
+				// wait for NetStatusEvent to be thrown
+			}
+			
+			// callback called on NetConnection connect event
+			private function ncStatusHandler(event:NetStatusEvent):void {
+				// get the info object
+				var infoObject:Object = event.info;
+	  
+				// if successful connection
+				if (infoObject.code == "NetConnection.Connect.Success") {
+					// enable application
+					Application.application.enabled = true;
+					
+					// if we are in a player instance
+					if(mode == "playerModeOffline" || mode == "playerModeOffline"){
+						videoDisplay.makeReadyVideo(filename);
+					}
+					else if(mode == "recorderMode"){
+						videoDisplay.startViewCamera();
+					}
+
+				}
+				// if connection unsuccessful
+				else if(infoObject.code == "NetConnection.Connect.InvalidApp"){
+					Application.application.enabled = false;			
+					// pop an alert
+					Alert.show("Web appplication not available");
+				}
+				else if(infoObject.code == "NetConnection.Connect.Failed"){
+					Application.application.enabled = false;				
+					// pop an alert
+					Alert.show("NetConnection not connected");
+				}
+				else if(infoObject.code == "NetConnection.Connect.Closed"){
+					Application.application.enabled = false;
+					// pop an alert
+					Alert.show("NetConnection closed");
+				}
+			}
+			
+			private function securityErrorHandler(event:SecurityErrorEvent):void {
+				trace("securityErrorHandler: " + event);
+			}
+	
+			private  function asyncErrorHandler(event:AsyncErrorEvent):void {
+				trace("securityErrorHandler: " + event);
+			} 
+	    	
+	    	// ugly onBW callback
+			NetConnection.prototype.onBWDone = function(infoObject) {
+				// print its properties
+				VideoDisplayUtil.printInfoObject("onBWDone", infoObject)
+			}
+			
+			// play button click handler
+			private function playClick(event:MouseEvent):void{
+				videoDisplay.play();
+			}
+
+			// record button click handler
+			private function recordClick(event:MouseEvent):void{
+				if(!videoDisplay.isPublishing){
+					filename = VideoDisplayUtil.createFilenameForFCK(userId);
+					videoDisplay.startPublish(filename);
+				}
+				else if(videoDisplay.isPublishing)
+					videoDisplay.stopPublish();
+			}
+			
+			// save and close button click handler
+			private function saveAndCloseClick(event:MouseEvent):void{
+
+			}
+			
+			// onMetaData callback, called from videoDisplay
+			private function onMetaData(event:VideoDisplayEvent):void{
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.buffering");
+				videoControlBar.seekSlider.minimum = 0;
+				videoControlBar.seekSlider.maximum = event.metadata.duration;
+				
+				timer = new Timer(10);
+				timer.addEventListener(TimerEvent.TIMER, updateSeekSlider);
+				timer.start();
+			}
+			
+			// onReady callback, called from videoDisplay
+			private function onReady(event:VideoDisplayEvent):void{
+				videoControlBar.playButton.enabled = true;
+				videoControlBar.seekSlider.enabled = true;
+				videoControlBar.playButton.setStyle("icon", playIcon);
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.ready");
+			}
+			
+			// onUnpause callback, called from videoDisplay
+			private function onUnpause(event:VideoDisplayEvent):void{
+				videoControlBar.playButton.setStyle("icon", pauseIcon);
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.playing");
+			}
+			
+			// onPause callback, called from videoDisplay
+			private function onPause(event:VideoDisplayEvent):void{
+				videoControlBar.playButton.setStyle("icon", playIcon);
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.paused");
+			}
+			
+			// onComplete callback, called from videoDisplay
+			private function onComplete(event:VideoDisplayEvent):void{
+				videoControlBar.playButton.setStyle("icon", playIcon);
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.ready");
+			}
+			
+			private function onStartPublish(event:VideoDisplayEvent):void{
+				// stop the timer if it is created
+				if(timer)
+					timer.stop();
+					
+				videoControlBar.playButton.enabled = false;
+				videoControlBar.seekSlider.enabled = false;
+				videoControlBar.timerLabel.text = "00:00";
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.recording");
+			}
+			
+			private function onStopPublish(event:VideoDisplayEvent):void{
+				// alert complete
+				Alert.show("Recording complete. Click play to review, record to record again or close to post the current recording.");
+				
+				// change the start recording button's label
+				videoDisplay.makeReadyVideo(filename);
+				videoDisplayPanel.status = dictionary.getLabel("videorecorder.ready");
+			}
+						
+			// update method called from a timer (launched when metadata is received)
+			private function updateSeekSlider(event:TimerEvent):void{
+				// if the video isn't actually playing yet
+				if(videoDisplay.playMode == videoDisplay.INIT_MODE || videoDisplay. playMode == videoDisplay.READY_MODE){
+					videoControlBar.seekSlider.value = 0;
+					videoControlBar.timerLabel.text = "0:00" + " / " + VideoDisplayUtil.secondsToString(String(videoDisplay.duration));
+				}
+				// otherwise, if it is playing
+				else if(videoDisplay.playMode == videoDisplay.PLAY_MODE || videoDisplay.playMode == videoDisplay.PAUSE_MODE){
+					videoControlBar.seekSlider.value = videoDisplay.time;
+					videoControlBar.timerLabel.text = VideoDisplayUtil.secondsToString(String(videoDisplay.time)) + " / " + VideoDisplayUtil.secondsToString(String(videoDisplay.duration));					
+				}
+			}
+			
+			// seek slider click handler
+			private function seekSliderClick(event:SliderEvent):void {
+				// if seekslider is enabled
+				
+				if(videoControlBar.seekSlider.enabled){
+					// if the mouse is pressed
+					if(event.type == SliderEvent.THUMB_PRESS){
+						// stop the timer so that the bar seekSlider can manually be controlled
+						timer.stop();
+					}
+					// if the mouse is released
+					else if(event.type == SliderEvent.THUMB_RELEASE){
+						// start the timer again and allow it to regain control of the seekSlider
+						timer.start();
+					}
+				}
+			}
+			
+			private function seekSliderChange(event:SliderEvent):void {
+				videoDisplay.seek(event.value);
+			}
+			
+		]]>
+	</mx:Script>
+	<mx:Panel x="10" y="10" width="340" height="310" layout="absolute" title="Video Recorder" id="videoDisplayPanel">
+		<ns1:VideoDisplay x="0" y="0" id="videoDisplay" />
+		<ns2:VideoControlBar x="127" y="216" id="videoControlBar" mode="{mode}">
+		</ns2:VideoControlBar>
+	</mx:Panel>
+	
+</mx:Application>
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/assets/images/pauseIcon.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/assets/images/playIcon.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/central/flex/VideoRecorderFCKEditor/src/assets/images/recordIcon.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/24-heart-gold.png
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/24-heart-red.png
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/24-heart-silver.png
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/deleteIcon.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/downArrow.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/exportIcon.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/playerVolume.png
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/images/upArrow.swf
===================================================================
diff -u
Binary files differ
Index: lams_flash/src/common/flex/assets/styles/main.css
===================================================================
diff -u
--- lams_flash/src/common/flex/assets/styles/main.css	(revision 0)
+++ lams_flash/src/common/flex/assets/styles/main.css	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,35 @@
+Application {
+	backgroundColor:#ECECEC;	
+	backgroundGradientColors:#ECECEC,#ECECEC;
+}
+
+Tile {
+	top: 10;
+	bottom: 10;
+	left: 10;
+	right: 10;
+}
+
+Label {
+	color: #000000;
+	fontWeight: bold;
+	fontSize: 14;
+}
+
+.box {
+	borderColor: #50B2CB;
+	cornerRadius: 10;
+	borderStyle: solid;
+	borderThickness: 1;
+	paddingBottom: 10;
+	paddingTop: 10;
+	paddingLeft: 10;
+	paddingRight: 10;
+	backgroundColor:#ffffff;
+	backgroundAlpha: 1;
+}
+
+Text {
+	fontSize: 12;
+	fontWeight: normal;
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/com/asfusion/controls/Rating.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/Rating.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/Rating.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,740 @@
+/* Copyright 2007 Nahuel Foronda (AsFusion)
+
+Licensed under the Apache License, Version 2.0 (the "License"); 
+
+you may not use this file except in compliance with the License. 
+You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 
+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.
+
+*/
+package com.asfusion.controls
+{
+	import com.asfusion.controls.ratingclasses.*;
+	
+	import flash.display.*;
+	import flash.events.MouseEvent;
+	
+	import mx.core.EdgeMetrics;
+	import mx.core.IFlexDisplayObject;
+	import mx.core.UIComponent;
+	import mx.managers.ISystemManager;
+	
+	/**
+	 * Dispatched when the user changes the selected value by clicking on an item or when 
+	 * the selectedValue property is programatically changed. 
+	 */
+	[Event(name="selectionChange", type="com.asfusion.controls.ratingclasses.RatingEvent")]
+	
+	/**
+	 *  Gap between items
+	 * 
+	 *  @default 5
+	 */
+	[Style(name="horizontalGap", type="Number", format="Length", inherit="no")]
+	/**
+	 *  Number of pixels between the container's bottom border
+	 *  and the bottom of its content area.
+	 *  
+	 *  @default 0 
+	 */
+	[Style(name="paddingBottom", type="Number", format="Length", inherit="no")]
+	
+	/**
+	 *  Number of pixels between the container's top border
+	 *  and the top of its content area.
+	 *  
+	 *  @default 0
+	 */
+	[Style(name="paddingTop", type="Number", format="Length", inherit="no")]
+	
+	/**
+	 *  Number of pixels between the container's left border
+	 *  and the left of its content area.
+	 *  
+	 *  @default 0 
+	 */
+	[Style(name="paddingLeft", type="Number", format="Length", inherit="no")]
+	
+	/**
+	 *  Number of pixels between the container's right border
+	 *  and the right of its content area.
+	 *  
+	 *  @default 0
+	 */
+	[Style(name="paddingRight", type="Number", format="Length", inherit="no")]
+	/**
+	 *  Name of the class to use as the skin for the items when
+	 *  showing a user-selected value
+	 *  @default 
+	 */
+	[Style(name="selectedSkin", type="Class", inherit="no")]
+	
+	/**
+	 * Name of the class to use as the skin for the items when
+	 * showing a value. 
+	 */
+	[Style(name="upSkin", type="Class", inherit="no")]
+	
+	/**
+	 * Name of the class to use as the skin for the items
+	 * when not showing a value
+	 */
+	[Style(name="unselectedSkin", type="Class", inherit="no")]
+	
+	/**
+	 * Name of the class to use as the skin for the items
+	 * when user rolls over them
+	 */
+	[Style(name="overSkin", type="Class", inherit="no")]
+	
+	
+	[Mixin]
+	
+	/**
+	 * Control that shows a certain number of items in a row to represent a "rating".
+	 * If user selects an item, the "selectedValue" property will change and a RatingEvent will
+	 * be dispatched.  
+	 */
+	public class Rating extends UIComponent
+	{
+		/*------------------------------------------------------------------------------------------------
+		*                                        Protected properties
+		-------------------------------------------------------------------------------------------------*/	
+		/** @private */
+		protected var selectedSkin:Class;
+		/** @private */
+		protected var unselectedSkin:Class;
+		/** @private */
+		protected var upSkin:Class;
+		/** @private */
+		protected var disabledSkin:Class;
+		/** @private */
+		protected var overSkin:Class;
+		/** @private */
+		protected var horizontalGap:Number;
+		/** @private */
+		protected var paddingBottom:Number;
+		/** @private */
+		protected var paddingTop:Number;
+		/** @private */
+		protected var paddingLeft:Number;
+		/** @private */
+		protected var paddingRight:Number;
+		/** @private */
+		protected var unselectedLayer:UIComponent;
+		/** @private */
+		protected var selectedLayer:UIComponent;
+		/** @private */
+		protected var upLayer:UIComponent;
+		/** @private */
+		protected var disabledLayer:UIComponent;
+		/** @private */
+		protected var overLayer:UIComponent;
+		/** @private */
+		protected var selectedMaskLayer:Shape;
+		/** @private */
+		protected var glassLayer:Shape;
+		/** @private */
+		protected var needLayout:Boolean;
+		/** @private */
+		protected var valueChanged:Boolean;
+		/** @private */
+		protected var selectedValueChanged:Boolean;
+		/** @private */
+		protected var itemCountChanged:Boolean;
+		/** @private */
+		protected var itemCreationComplete:Boolean;
+		/** @private */
+		protected var skinChanged:Boolean;
+		/** @private */
+		protected var itemWidth:int;
+		/** @private */
+		protected var itemHeight:int;
+		/** @private */
+		protected var metrics:EdgeMetrics;
+		/** @private */
+		protected var rollOverValue:uint;
+		
+		
+		private static var className:String = "Rating"; 
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                        Constructor
+		-------------------------------------------------------------------------------------------------*/	
+		public function Rating()
+		{
+			super();
+			addEventListener(MouseEvent.MOUSE_OUT,handleItemRollOut);
+            addEventListener(MouseEvent.ROLL_OUT, handleRollOut);     
+            addEventListener(MouseEvent.MOUSE_OVER, handleItemRollOver);
+            addEventListener(MouseEvent.CLICK, handleClick);
+		}
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                        Static Functions
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/*-.........................................init..................................................*/
+		/**
+		 * @private
+		 */
+		public static function init(systemManager:ISystemManager) : void 
+		{
+	         RatingStyle.initDefaultStyles(className);
+		}
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                    Public Setters and Getters
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/*-.........................................value................................................*/			
+		private var _value:Number;
+		
+		/**
+		 * 	Value of the rating. It is the value shown unless showSelectedValue is set to true and user
+		 * has changed the selected value. 
+		 */
+		[Bindable] 
+		public function set value(value:Number):void
+		{
+			valueChanged = (_value != value);
+			_value = value;
+			invalidateDisplayList();
+		}
+		
+		public function get value():Number
+		{
+			return _value;
+		}
+
+		/*-......................................votedValue............................................*/			
+		private var _votedValue:Number;
+		
+		[Bindable] 
+		public function set votedValue(value:Number):void
+		{
+			_votedValue = value;
+		}
+		
+		public function get votedValue():Number
+		{
+			return _votedValue;
+		}
+		
+		/*-......................................voted.............................................*/			
+		private var _voted:Boolean;
+		
+		[Bindable] 
+		public function set voted(value:Boolean):void
+		{
+			_voted = value;
+		}
+		
+		public function get voted():Boolean
+		{
+			return _voted;
+		}
+		
+		/*-.........................................selectedValue................................................*/			
+		private var _selectedValue:uint;
+		
+		/**
+		 * The value selected by the user by clicking on an item.
+		 */
+		[Bindable (event="selectionChange")] 
+		public function set selectedValue(value:uint):void
+		{
+			selectedValueChanged = (_selectedValue != value);
+			
+			if(selectedValueChanged)
+			{
+				_selectedValue = value;
+				invalidateDisplayList();
+				var event: RatingEvent = new RatingEvent(RatingEvent.SELECTION_CHANGE);
+				event.selectedValue = value;
+				dispatchEvent(event);
+			}
+		}
+		
+		public function get selectedValue():uint
+		{
+			return _selectedValue;
+		}
+		
+		
+		/*-.........................................itemCount................................................*/					
+		private var _itemCount:uint = 5;
+		
+		/**
+		 * 	Number of items(stars) in the rating component
+		 */
+		[Bindable] 
+		public function set itemCount(value:uint):void
+		{
+			itemCountChanged = (_itemCount != value);
+			_itemCount = value;
+			invalidateProperties();
+		}
+		
+		public function get itemCount():uint
+		{
+			return _itemCount;
+		}
+		
+		/*-.........................................liveRollOver................................................*/			
+		private var _liveRollOver:Boolean = true;
+		
+		/**
+		 * 	Whether the component shows rollOver
+		 */
+		[Bindable]
+		public function set liveRollOver(value:Boolean):void
+		{
+			 _liveRollOver = value;
+		}
+		public function get liveRollOver():Boolean
+		{
+			return  _liveRollOver
+		}
+		
+		/*-.........................................showSelectedValue................................................*/		
+		private var _showSelectedValue:Boolean;
+		
+		/**
+		 * 	Whether the component shows the selected value or not. If this property is true, the compoent will show
+		 *  the selectedValue instead of showing the value.
+		 */	
+		[Bindable] 
+		public function set showSelectedValue(value:Boolean):void
+		{
+			 _showSelectedValue = value;
+		}
+		public function get showSelectedValue():Boolean
+		{
+			return  _showSelectedValue
+		}
+
+		
+		/*-.........................................visibleLayer................................................*/	
+		private var _visibleLayer:UIComponent;
+		/**
+		 * @private
+		 */
+		protected function set visibleLayer(value:UIComponent):void
+		{
+			if(_visibleLayer && _visibleLayer != value) _visibleLayer.visible = false;
+			 _visibleLayer = value;
+			 _visibleLayer.visible = true;
+		}
+		/**
+		 * @private
+		 */
+		protected function get visibleLayer():UIComponent
+		{
+			return  _visibleLayer;
+		}
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Override Methods
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................createChildren.....................................*/
+		override protected function createChildren():void
+		{
+			addChild(createGlassLayer());
+			if(itemCount) createItems();
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................commitProperties.....................................*/	
+		override protected function commitProperties():void
+		{
+			super.commitProperties();
+			if(itemCreationComplete && itemCountChanged || skinChanged)
+			{
+				removeAll();
+				createItems();
+				invalidateDisplayList();
+				itemCountChanged = false;
+				skinChanged = false;
+			}
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................updateDisplayList.....................................*/	
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+		{
+			layoutItems();
+			updateValue();
+			updateSelectedValue();
+			
+			glassLayer.width = unscaledWidth;
+			glassLayer.height = unscaledHeight;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................measure.....................................*/		
+		override protected function measure():void
+		{
+			if(!itemCreationComplete)
+			{
+				measuredMinWidth = measuredWidth = 0;
+				measuredMinHeight = measuredHeight = 0;
+			}
+			else
+			{
+				measuredHeight = metrics.bottom + metrics.top + itemHeight;
+				measuredWidth  = metrics.left + metrics.right + (itemCount * itemWidth) + ((itemCount -1) * horizontalGap);
+				
+				measuredMinWidth = measuredWidth;
+				measuredMinHeight = measuredHeight;
+			}
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................stylesInitialized.....................................*/		
+		override public function stylesInitialized():void
+		{
+			readStyleValues();
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................styleChanged.....................................*/
+		override public function styleChanged(styleProp:String):void
+		{
+			
+			super.styleChanged(styleProp);
+			
+			if(	styleProp == 'selectedSkin' || 
+				styleProp == 'unselectedSkin' ||
+				styleProp == 'upSkin'||
+				styleProp == 'overSkin'||
+				styleProp == 'disabledSkin')
+			{
+				this[styleProp] = getStyle(styleProp);
+				skinChanged = true;
+				invalidateProperties();
+			}
+			
+			else if(styleProp == 'horizontalGap'||
+					styleProp == 'paddingBottom'||
+					styleProp == 'paddingTop' ||
+					styleProp == 'paddingRight' ||
+					styleProp == 'paddingLeft' )
+			{
+				this[styleProp] = getStyle(styleProp);
+			}
+
+			
+			
+			else if(styleProp == "styleName" && itemCreationComplete)
+			{
+				readStyleValues();
+				skinChanged = true;
+				invalidateProperties();
+			}
+			needLayout = true;
+			invalidateDisplayList();
+		}
+		/*------------------------------------------------------------------------------------------------
+		*                                          Protected Methods
+		-------------------------------------------------------------------------------------------------*/	
+		/**
+		 * @private
+		 */
+		/*-.........................................readStyleValues.....................................*/
+		protected function readStyleValues():void
+		{
+			selectedSkin 	= getStyle("selectedSkin");
+			unselectedSkin 	= getStyle("unselectedSkin");
+			upSkin 			= getStyle("upSkin");
+			overSkin 		= getStyle("overSkin");		
+			disabledSkin 	= getStyle("disabledSkin");
+			
+			horizontalGap 	= getStyle("horizontalGap");
+			paddingBottom 	= getStyle("paddingBottom");
+			paddingTop 		= getStyle("paddingTop");
+			paddingRight 	= getStyle("paddingRight");
+			paddingLeft 	= getStyle("paddingLeft");
+			
+			metrics = new EdgeMetrics(paddingLeft, paddingTop, paddingRight, paddingBottom);
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................createItems.....................................*/
+		protected function createItems():void
+		{
+			unselectedLayer	= new UIComponent();
+			selectedLayer	= new UIComponent();
+			overLayer		= new UIComponent();
+			upLayer			= new UIComponent();
+			
+			for( var i:uint; i < itemCount; i++)
+			{
+				var unselectedItem:IFlexDisplayObject = new unselectedSkin();
+				unselectedLayer.addChild(DisplayObject(unselectedItem));
+				
+				var selectedItem:IFlexDisplayObject = new selectedSkin();
+				selectedLayer.addChild(DisplayObject(selectedItem));
+				
+				var upItem:IFlexDisplayObject = new upSkin();
+				upLayer.addChild(DisplayObject(upItem));
+				
+				var overItem:IFlexDisplayObject = new overSkin();
+				overLayer.addChild(DisplayObject(overItem));
+				
+				itemWidth	= Math.max(unselectedItem.measuredWidth,  selectedItem.measuredWidth,  overItem.measuredWidth,  upItem.measuredWidth);
+				itemHeight	= Math.max(unselectedItem.measuredHeight, selectedItem.measuredHeight, overItem.measuredHeight, upItem.measuredHeight);
+			}
+			
+			addChild(unselectedLayer);
+			addChild(selectedLayer);
+			addChild(upLayer);
+			addChild(overLayer);
+			addChild(createSelectedMask());
+			
+			unselectedLayer.visible = false;
+			selectedLayer.visible 	= false;
+			upLayer.visible 		= false;
+			overLayer.visible 		= false;
+			
+			itemCreationComplete = true;
+			needLayout = true;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................createSelectedMask.....................................*/
+		protected function createSelectedMask():DisplayObject
+		{
+			if(! selectedMaskLayer)
+			{
+				selectedMaskLayer = new Shape();
+				var g:Graphics = selectedMaskLayer.graphics;
+				g.beginFill(0xFFFFFF);
+				g.drawRect(0, 0, 10, 10);
+				g.endFill();
+			}
+			selectedMaskLayer.visible 	= false;
+			selectedMaskLayer.x = paddingLeft;
+			return selectedMaskLayer;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................createGlassLayer.....................................*/
+		protected function createGlassLayer():DisplayObject
+		{
+			if(! glassLayer)
+			{
+				glassLayer = new Shape();
+				var g:Graphics = glassLayer.graphics;
+				g.beginFill(0x00000,0);
+				g.drawRect(0, 0, 10, 10);
+				g.endFill();
+			}
+			glassLayer.visible 	= true;
+			return glassLayer;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................removeAll.....................................*/
+		protected function removeAll():void
+		{
+			removeChild(unselectedLayer);
+			removeChild(selectedLayer);
+			removeChild(overLayer);
+			removeChild(upLayer);
+			removeChild(selectedMaskLayer);
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................layoutItems.....................................*/
+		protected function layoutItems():void
+		{
+			if(!needLayout) return;
+			
+			var xPos:int = paddingLeft;
+			var yPos:int = paddingTop;
+			
+			for(var i:uint; i < itemCount; i++)
+			{
+				unselectedLayer.getChildAt(i).x = xPos;
+				unselectedLayer.getChildAt(i).y = yPos;
+				
+				selectedLayer.getChildAt(i).x 	= xPos;
+				selectedLayer.getChildAt(i).y 	= yPos;
+				
+				upLayer.getChildAt(i).x 		= xPos;
+				upLayer.getChildAt(i).y 		= yPos;
+				
+				overLayer.getChildAt(i).x 		= xPos;
+				overLayer.getChildAt(i).y 		= yPos;
+				
+				xPos += itemWidth + horizontalGap;
+			}
+			needLayout = false;
+			unselectedLayer.visible = true;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................updateValue.....................................*/
+		protected function updateValue():void
+		{
+			if(!valueChanged) return;
+			
+			var floor:int = Math.floor(value);
+			
+			selectedMaskLayer.width = floor * (itemWidth + horizontalGap) + (value - floor) * itemWidth;
+			selectedMaskLayer.height = itemHeight;
+			upLayer.mask = selectedMaskLayer;
+			
+			visibleLayer = upLayer;
+			valueChanged = false;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................updateSelectedValue.....................................*/
+		protected function updateSelectedValue():void
+		{
+			if(!selectedValueChanged || !showSelectedValue) return;
+			
+			for( var i:uint; i < itemCount; i++)
+			{
+				var item:DisplayObject = selectedLayer.getChildAt(i);
+				item.visible = (selectedValue > i);
+			}
+			visibleLayer = selectedLayer;
+			
+			selectedValueChanged = false;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................updateItemRollOver.....................................*/
+		protected function updateItemRollOver():void
+		{
+			rollOverValue = 0;
+			for( var i:uint; i < itemCount; i++)
+			{
+				var item:DisplayObject = overLayer.getChildAt(i);
+				item.visible = (mouseX > item.x- horizontalGap/2);
+				
+				if(item.visible) rollOverValue++;
+			}
+		}	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................forceUpdateRollOver.....................................*/
+		protected function forceUpdateRollOver(rating:int):void{
+			for( var i:int = 0; i < _itemCount; i++)
+			{
+				if(i < rating){
+					var item:DisplayObject = overLayer.getChildAt(i);
+					item.visible = true;			
+				}
+				else{
+					var item:DisplayObject = overLayer.getChildAt(i);
+					item.visible = false;	
+				}
+			}
+		}
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Mouse Events
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................handleRollOut.....................................*/
+		protected function handleRollOut(event:MouseEvent):void
+		{
+			if(enabled){
+				overLayer.visible = false;
+				if(visibleLayer) visibleLayer.visible = true;
+			}
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................handleItemRollOver.....................................*/
+		protected function handleItemRollOver(event:MouseEvent):void
+		{
+			if(enabled){
+				if(voted){
+					rollOverValue = _votedValue;
+					overLayer.visible = true;
+					if(visibleLayer) visibleLayer.visible = false;
+					forceUpdateRollOver(rollOverValue);
+				}
+				else if(liveRollOver)
+				{
+					updateItemRollOver();
+					overLayer.visible = true;
+					if(visibleLayer) visibleLayer.visible = false;
+				}
+			}
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................handleItemRollOut.....................................*/
+		protected function handleItemRollOut(event:MouseEvent):void
+		{
+			if(enabled){
+				if(liveRollOver && !voted)
+				{
+					updateItemRollOver();
+				}
+			}
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................handleClick.....................................*/
+		protected function handleClick(event:MouseEvent):void
+		{
+			if(enabled){
+				if(!voted){
+					selectedValue = rollOverValue;
+				}				
+			}
+		}
+	}
+}
+
Index: lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/OverStar.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/OverStar.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/OverStar.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,34 @@
+package com.asfusion.controls.ratingclasses
+{
+	import mx.styles.*;
+	import mx.managers.ISystemManager;
+	
+	[Mixin]
+	/**
+	 * Default skin for rollover item (star)
+	 * */
+	public class OverStar extends Star
+	{
+		private static var className:String = "OverStar"; 
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Static Methods
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................init..................................................*/
+		public static function init(systemManager:ISystemManager) : void 
+		{
+	        var style:CSSStyleDeclaration = new CSSStyleDeclaration();
+            style.defaultFactory = function():void
+		    {
+		        this.backgroundColor = 0xFFE30E;
+		        this.backgroundAlpha = 1;
+		    }
+		    	
+		    StyleManager.setStyleDeclaration(className, style, true);
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingEvent.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingEvent.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingEvent.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,20 @@
+package com.asfusion.controls.ratingclasses
+{
+	import flash.events.Event;
+
+	/** Event dispatched when user changes rating selected value or
+	 * when that value is programatically changed 
+	 * */
+	public class RatingEvent extends Event
+	{
+		public static const SELECTION_CHANGE:String = "selectionChange";
+		
+		public var selectedValue:uint;
+		
+		public function RatingEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
+		{
+			super(type, bubbles, cancelable);
+		}
+		
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingStyle.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingStyle.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/RatingStyle.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,37 @@
+package com.asfusion.controls.ratingclasses
+{
+	import mx.styles.CSSStyleDeclaration;
+	import mx.styles.StyleManager;
+	import com.asfusion.controls.ratingclasses.*;
+	
+	public class RatingStyle
+	{
+		/*------------------------------------------------------------------------------------------------
+		*                                          Static Methods
+		-------------------------------------------------------------------------------------------------*/
+		/**
+		 * @private
+		 */	
+		public static function initDefaultStyles(className:String):void 
+        {
+            var style:CSSStyleDeclaration = new CSSStyleDeclaration();
+            style.defaultFactory = function():void
+		    {
+				this.disabledSkin = Star;
+				this.overSkin = OverStar;
+				this.unselectedSkin = Star;
+				this.upSkin = SelectedStar;
+				this.selectedSkin = SelectedStar;
+				
+				this.horizontalGap = 5;
+				this.paddingBottom = 0;
+				this.paddingTop = 0;
+				this.paddingLeft = 0;
+				this.paddingRight = 0;
+		    }
+		    	
+		    StyleManager.setStyleDeclaration(className, style, true);
+
+        }
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/SelectedStar.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/SelectedStar.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/SelectedStar.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,34 @@
+package com.asfusion.controls.ratingclasses
+{
+	import mx.styles.*;
+	import mx.managers.ISystemManager;
+	
+	[Mixin]
+	/**
+	 * Default skin for selected item (star)
+	 * */
+	public class SelectedStar extends Star
+	{
+		private static var className:String = "SelectedStar";
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Static Methods
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/*-.........................................init..................................................*/
+		/**
+		 * @private
+		 */
+		public static function init(systemManager:ISystemManager) : void 
+		{
+	        var style:CSSStyleDeclaration = new CSSStyleDeclaration();
+            style.defaultFactory = function():void
+		    {
+		        this.backgroundColor = 0x000000;
+		        this.backgroundAlpha = 1;
+		    }
+		    	
+		    StyleManager.setStyleDeclaration(className, style, true);
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/Star.as
===================================================================
diff -u
--- lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/Star.as	(revision 0)
+++ lams_flash/src/common/flex/com/asfusion/controls/ratingclasses/Star.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,138 @@
+package com.asfusion.controls.ratingclasses
+{
+	import mx.core.UIComponent;
+	import mx.styles.*;
+	import mx.managers.ISystemManager;
+	import flash.display.Graphics;
+
+	[Mixin]
+	
+	/**
+	 * Default skin for unselected item (star)
+	 * */
+	public class Star extends UIComponent
+	{
+		protected var outerRadius:Number;
+		protected var innerRadius:Number;
+		protected var borderThickness:Number;
+		protected var borderColor:Number;
+		protected var borderAlpha:Number;
+		protected var backgroundColor:Number;
+		protected var backgroundAlpha:Number;
+		
+		private   var maxSize:Number;
+		private   var ratio:Number;
+		
+		private static var className:String = "Star"; 
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Static Methods
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................init..................................................*/
+		public static function init(systemManager:ISystemManager) : void 
+		{
+	        var style:CSSStyleDeclaration = new CSSStyleDeclaration();
+            style.defaultFactory = function():void
+		    {
+		    	this.borderColor = 0x555555;
+		        this.outerRadius = 50;
+		        this.innerRadius = 25;
+		        this.borderThickness = 1;
+		        this.borderAlpha = 1;
+		        this.width = 14;
+		        this.height = 15;
+		        this.backgroundColor = 0xffffff;
+		        this.backgroundAlpha = 0;
+		    }
+		    	
+		    StyleManager.setStyleDeclaration(className, style, true);
+		}
+		
+		/*------------------------------------------------------------------------------------------------
+		*                                          Ocerride Methods
+		-------------------------------------------------------------------------------------------------*/	
+		/**
+		 * @private
+		 */
+		override protected function createChildren():void
+		{
+			drawShape(graphics, measuredWidth/2, measuredHeight/2, (maxSize/2)/ratio,(maxSize/2) );
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................stylesInitialized.....................................*/
+		override public function stylesInitialized():void
+		{
+			readStyleValues();
+		}
+
+		/*------------------------------------------------------------------------------------------------
+		*                                          Protected Methods
+		-------------------------------------------------------------------------------------------------*/	
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................readStyleValues.....................................*/
+		protected function readStyleValues():void
+		{
+			outerRadius		= getStyle("outerRadius");
+			innerRadius 	= getStyle("innerRadius");
+			borderThickness = getStyle("borderThickness");
+			borderColor		= getStyle("borderColor");
+			borderAlpha		= getStyle("borderAlpha");
+			measuredWidth	= getStyle("width");
+			measuredHeight	= getStyle("height");
+			backgroundColor = getStyle("backgroundColor");
+			backgroundAlpha = getStyle("backgroundAlpha");
+			
+			maxSize = Math.min(measuredHeight, measuredWidth);
+			ratio= outerRadius/innerRadius;
+		}
+		
+		/**
+		 * @private
+		 */
+		/*-.........................................drawShape.....................................*/
+		protected function drawShape(graphics:Graphics, x:Number, y:Number,  innerRadius:Number, outerRadius:Number, points:Number = 5, angle:Number=90 ):void
+		{
+			graphics.clear();
+	        graphics.lineStyle(borderThickness,borderColor,borderAlpha);
+	        if(backgroundAlpha > 0)
+	        {
+	        	graphics.beginFill(backgroundColor, backgroundAlpha);
+	        }
+	        var count:int = Math.abs(points);
+	        if (count>=2) 
+	        {
+	               
+	            // calculate distance between points
+	            var step:Number = (Math.PI*2)/points;
+	            var halfStep:Number = step/2;
+	            
+	            // calculate starting angle in radians
+	            var start:Number = (angle/180)*Math.PI;
+	            graphics.moveTo(x+(Math.cos(start)*outerRadius), y-(Math.sin(start)*outerRadius));
+	                
+	            // draw lines
+	            for (var i:int=1; i<=count; i++) 
+	            {
+	                graphics.lineTo(x+Math.cos(start+(step*i)-halfStep)*innerRadius, 
+	                y-Math.sin(start+(step*i)-halfStep)*innerRadius);
+	                graphics.lineTo(x+Math.cos(start+(step*i))*outerRadius, 
+	                y-Math.sin(start+(step*i))*outerRadius);
+	            }
+	        }
+	        if(backgroundAlpha > 0)
+	        {
+	        	graphics.endFill();
+	        }
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/conn/ImageService.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/conn/ImageService.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/conn/ImageService.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,40 @@
+package org.lamsfoundation.lams.common.conn
+{
+	import flash.display.BitmapData;
+	import flash.utils.ByteArray;
+	
+	import mx.graphics.codec.JPEGEncoder;
+	import mx.graphics.codec.PNGEncoder;
+	import mx.rpc.http.HTTPService;
+	
+	public class ImageService extends HTTPService
+	{
+		public var PNG_EXT:String = ".png";
+		public var JPG_EXT:String = ".jpg";
+		
+		public function ImageService(url:String, method:String)
+		{
+			this.url = url;
+			this.method = "POST";
+			this.resultFormat = "e4x";
+			this.request.method = method;
+		}
+		
+		public function sendImageToServer(image:BitmapData, ext:String, filename:String):void{
+			var rawBytes:ByteArray;
+			if(ext == PNG_EXT){
+				var pngEncoder:PNGEncoder = new PNGEncoder();
+				rawBytes = pngEncoder.encode(image);
+			}
+			else if(ext == JPG_EXT){
+				var jpegEncoder:JPEGEncoder = new JPEGEncoder();
+				rawBytes = jpegEncoder.encode(image);
+			}
+			
+			this.request.ext = ext;
+			this.request.filname = filename;
+			this.request.rawBytes = rawBytes;
+			this.send();
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionary.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionary.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionary.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,57 @@
+package org.lamsfoundation.lams.common.dictionary
+{
+	import flash.events.EventDispatcher;
+	
+	import mx.controls.Alert;
+	
+	public class XMLDictionary
+	{
+		private var eventDispatcher:EventDispatcher;
+		private var dictionaryXML:XML;
+		
+		public function XMLDictionary(xml:XML)
+		{
+			eventDispatcher = new EventDispatcher();
+			dictionaryXML = new XML(xml);
+			
+			eventDispatcher.dispatchEvent(new XMLDictionaryEvent("COMPELTE"));
+		}
+		
+		public function getLabel(s:String):String{
+			if(!isEmpty()){
+				return dictionaryXML.language.entry.(@key==s).name;
+			}
+			
+			return null;
+		}
+		
+		public function getLabelAndConcatenate(s:String, a:Array):String{
+			if(!isEmpty()){
+				var concat:String = "";
+				for(var i:int = 0; i < a.length; i++){
+					concat += a[i];
+				}
+				
+				return getLabel(s) + concat;
+			}
+			
+			return null;
+		}
+		
+		public function getLabelAndReplace(s:String, a:Array):String{
+			if(!isEmpty()){
+				var label:String = getLabel(s);
+				
+				for(var i:int = 0; i < a.length; i++){
+					label = label.replace("{" + String(i) + "}", getLabel(a[i]));
+				}
+			}
+			
+			return label;
+		}
+		
+		public function isEmpty():Boolean{
+			return dictionaryXML.toString() == "";
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionaryEvent.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionaryEvent.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/dictionary/XMLDictionaryEvent.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,13 @@
+package org.lamsfoundation.lams.common.dictionary
+{
+	import flash.events.Event;
+
+	public class XMLDictionaryEvent extends Event
+	{
+		public function XMLDictionaryEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
+		{
+			super(type, bubbles, cancelable);
+		}
+		
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/ResizeableTextArea.mxml
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/ResizeableTextArea.mxml	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/ResizeableTextArea.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:TextArea xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="onCreationComplete()">
+  
+	<mx:Script>
+	<![CDATA[
+		import mx.events.FlexEvent;
+
+		private function onCreationComplete():void
+		{
+			this.addEventListener(FlexEvent.UPDATE_COMPLETE, resizeMe);
+			this.addEventListener(KeyboardEvent.KEY_UP, resizeMe);
+		}
+
+		private function resizeMe(event:Event):void
+		{
+			if(event.currentTarget == this){
+				this.height = this.textHeight + 10;
+			}
+		}
+		
+	]]>
+	</mx:Script>
+  
+</mx:TextArea> 
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButton.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButton.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButton.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,135 @@
+package org.lamsfoundation.lams.common.ui.components
+{
+	import flash.display.*;
+	import flash.events.MouseEvent;
+	
+	import mx.containers.HBox;
+	import mx.controls.Button;
+	import mx.controls.Label;
+	import mx.controls.RadioButton;
+	import mx.events.FlexEvent;
+	
+	public class SortButton extends HBox
+	{
+		[Embed(source="../../../../../../assets/images/upArrow.swf")]
+		[Bindable]
+		private var upArrow:Class;
+		
+		[Embed(source="../../../../../../assets/images/downArrow.swf")]
+		[Bindable]
+		private var downArrow:Class;
+		
+		private var button:Button;
+		private var buttonLabel:Label;	
+		
+		public static const NA:String = "not selected";
+		public static const ASC:String = "ascending";
+		public static const DSC:String = "descending";
+		
+		[Inspectable]
+		private var _sortBy:String;
+		
+		[Inspectable]
+		private var _selected:Boolean;
+		
+		[Inspectable]
+		private var _sortDirection:String;
+		
+		public function SortButton()
+		{
+			// call button's constructor
+			super();
+			
+			// initialize sortDirection
+			if(_sortDirection == "" || _sortDirection != NA || _sortDirection != ASC || _sortDirection != DSC){
+				_sortDirection = NA;
+				_selected = false;
+			}
+			
+			// create ui components
+			button = new Button();
+			button.addEventListener(MouseEvent.CLICK, clickHandler);
+			
+			buttonLabel = new Label();
+			
+			// set stles (sortDirection and ui components must be initialized first)
+			setStyles();
+
+			// add init event listener
+			addEventListener(FlexEvent.INITIALIZE, initializeHandler);
+		}
+		
+		private function setStyles():void{
+			this.setStyle("gap", 0);
+			
+			if(_sortDirection == ASC){
+				button.setStyle("icon", upArrow);
+			}
+			else if(_sortDirection == DSC){
+				button.setStyle("icon", downArrow);
+			}
+			else{
+				button.setStyle("icon", null);
+			}
+		}
+		
+		public function get sortBy():String{
+			return _sortBy;
+		}
+		
+		public function set sortBy(sortBy:String):void{
+			_sortBy = sortBy;
+		}
+		
+		public function get selected():Boolean{
+			return _selected;
+		}
+		
+		public function set selected(selected:Boolean):void{
+			if(selected){
+				if(_sortDirection == NA || _sortDirection == DSC){
+					_sortDirection = ASC;
+					button.setStyle("icon", upArrow);
+				}
+				else if(sortDirection == ASC){
+					_sortDirection = DSC;
+					button.setStyle("icon", downArrow);
+				}
+			}
+			else{
+				_sortDirection = NA;
+				button.setStyle("icon", null);
+			}
+			
+			_selected = selected;
+		}
+		
+		public function get sortDirection():String{
+			return _sortDirection;
+		}
+		
+		public function set sortDirection(sortDirection:String):void{
+			_sortDirection = sortDirection;
+		}
+		
+		// gets called when the component has been initialized
+        private function initializeHandler(event:FlexEvent):void
+        {
+            // paint the button
+            button.width = 17;
+            button.height = 17;
+            addChild(button);
+
+            // paint the label
+            buttonLabel.text = this.label;
+            addChild(buttonLabel);
+        }
+        
+        // gets called when the button is clicked
+        protected function clickHandler(event:MouseEvent):void
+		{
+			// dispatch an event and let the sortButtonGroup take care of the rest
+			dispatchEvent(new SortEvent(_sortBy, _sortDirection));
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButtonGroup.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButtonGroup.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortButtonGroup.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,78 @@
+package org.lamsfoundation.lams.common.ui.components
+{
+	import mx.containers.HBox;
+	import mx.events.FlexEvent;
+	
+	public class SortButtonGroup extends HBox
+	{
+		// an array of buttons
+		private var buttons:Array = [];
+		
+		// the selected button at the moment
+		private var selectedButton:SortButton;
+		
+		private var _sortBy:String;
+		private var _sortDirection:String;
+		
+		public function SortButtonGroup()
+		{
+			// call super constructor
+			super();
+			
+			// add init event listener
+			addEventListener(FlexEvent.INITIALIZE, initializeHandler);
+		}
+		
+		// gets called when the component has been initialized
+        private function initializeHandler(event:FlexEvent):void{
+        	// get the buttons in the group
+        	buttons = getChildren();
+        	
+        	// for all buttons, add sortEvent listener and check for a selected button
+        	var foundSelected:Boolean = false;
+        	for(var i:int = 0; i < buttons.length; i++){
+        		var button:SortButton = buttons[i];
+				button.addEventListener(SortEvent.EVENT_TYPE, sortEventHandler);
+				
+				if(button.selected == true){
+					if(foundSelected){
+						button.selected = false;
+					}
+					else{
+						foundSelected = true;
+						selectedButton = button;
+						_sortBy = button.sortBy;
+						_sortDirection = button.sortDirection;
+						dispatchEvent(new SortEvent(button.sortBy, button.sortDirection));
+					}
+				}
+			}
+        }
+        
+		private function sortEventHandler(event:SortEvent):void{
+			selectedButton = SortButton(event.target);
+			
+			for(var i:int = 0; i < buttons.length; i++){
+				var button:SortButton = buttons[i];
+				if(button != selectedButton){
+					button.selected = false;
+				}
+				else{
+					button.selected = true;
+					_sortDirection = button.sortDirection;
+					_sortBy = button.sortBy;
+				}	
+			}
+			
+			dispatchEvent(new SortEvent(_sortBy, _sortDirection));
+		}
+		
+		public function get sortDirection():String{
+			return _sortDirection;
+		}
+		
+		public function get sortBy():String{
+			return _sortBy;
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortEvent.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortEvent.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/SortEvent.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,27 @@
+package org.lamsfoundation.lams.common.ui.components
+{
+	import flash.events.Event;
+
+	public class SortEvent extends Event
+	{
+		public static const EVENT_TYPE:String = "sortEvent";
+		private var _sortBy:String;
+		private var _sortDirection:String;
+		
+		public function SortEvent(sortBy:String, sortDirection:String, bubbles:Boolean=false, cancelable:Boolean=false)
+		{
+			super(EVENT_TYPE, bubbles, cancelable);
+			
+			_sortBy = sortBy;
+			_sortDirection = sortDirection;
+		}
+		
+		public function get sortBy():String{
+			return _sortBy;
+		}
+		
+		public function get sortDirection():String{
+			return _sortDirection;
+		}
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplay.mxml
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplay.mxml	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplay.mxml	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,556 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:ViewStack xmlns:mx="http://www.adobe.com/2006/mxml" width="320" height="240" creationPolicy="all" creationComplete="onCreationComplete()">
+
+	<mx:Script>
+		<![CDATA[
+			import mx.containers.Tile;
+			import mx.controls.Alert;
+			import org.lamsfoundation.lams.common.ui.components.VideoDisplayEvent;
+			
+			// flags
+			[Bindable] private var _isCameraViewed:Boolean = false;
+			[Bindable] private var _isPublishing:Boolean = false;
+			
+			private var _playMode:int;
+			public const INIT_MODE:int = 0;
+			public const READY_MODE:int = 1;
+			public const PAUSE_MODE:int = 2;
+			public const PLAY_MODE:int = 3;
+			
+			// embeds
+			[Embed(source="../../../../../../assets/images/playerVolume.png")] [Bindable] private var volumeEmbed:Class;
+			
+			// variables
+			private var video:Video;
+			private var timer:Timer;
+			private var _cam:Camera;
+			private var _mic:Microphone;
+			private var _ns:NetStream;
+			private var _metadata:Object;
+			private var _nc:NetConnection;
+			private var _filename:String;
+			private var _bufferTime:int = 2;
+
+			// init method called when creation completes
+			private function onCreationComplete():void{
+				// create new video object
+				video = new Video();
+				video.width = this.width;
+				video.height = this.height;
+				
+				// fix video player
+				player.addChild(video);
+				video.visible = true;
+				
+				// reset to make sure everything is set to default
+				reset();
+			}
+			
+			// attachs a cam, must be called from parent before using a camera
+			public function attachCamera(cam:Camera):void{
+				_cam = cam;
+				display.attachCamera(_cam);
+			}
+			
+			// attachs a mic, must be called from parent before using a mic
+			public function attachMic(mic:Microphone):void{
+				_mic = mic;
+			}
+			
+			// attachs a nc, must be called from parent before attempting a connection
+			public function setNetConnection(nc:NetConnection):void{
+				_nc = nc;
+			}
+			
+			// playMode getter
+			public function get playMode():int{
+				return _playMode;
+			}
+
+			// sets child view
+			public function setSelectedChild(selectedChild:String):void{
+				switch(selectedChild){
+					case "recorderView":{
+						this.selectedChild = recorderView;
+						break;
+					}
+					case "playerView":{
+						this.selectedChild = playerView;
+						break;
+					}
+					case "blackView":{
+						this.selectedChild = blackView;
+						break;
+					}
+					case "audioView":{
+						this.selectedChild = audioView;
+						break;
+					}
+					default:{
+						this.selectedChild = blackView;
+						break;
+					}
+				}
+			}
+			
+			// prepares the player to receive a video
+			public function makeReadyVideo(filename:String):void{
+				// reset the current ns
+				reset();
+							
+				// change the view
+				selectedChild = playerView;
+				
+				// save filename
+				_filename = filename;
+				
+				// play
+				_ns.play(_filename);
+			}
+			
+			// prepares the player to receive an audio file (aka video with no video)
+			public function makeReadyAudio(filename:String):void{
+				// reset the current ns
+				reset();
+							
+				// change the view
+				selectedChild = audioView;
+				
+				// save filename
+				_filename = filename;
+				
+				// play
+				_ns.play(_filename);
+			}
+			
+			// like both above methods but uses old filename and view state
+			private function makeReadyAgain():void{
+				// seek the video the very beginning and pause
+				_playMode = READY_MODE;
+				
+				//stop the timer and reset
+				timer.stop();
+				timer = createTimer();
+				
+				// pause the ns and go back to the beginning
+				_ns.pause();
+				_ns.seek(0);
+			}
+			
+			// metadata handler
+			public function onMetaData(infoObject:Object):void{
+				// save metadata object
+				_metadata = infoObject;
+				
+				// if in init mode, seek and pause the video
+				if(playMode == INIT_MODE){
+					// pause the netstream
+					_ns.pause();
+					
+					// create a timer and wait for the buffer period to be over
+					var timer:Timer = new Timer(_bufferTime * 1000, 1);
+					timer.addEventListener(TimerEvent.TIMER_COMPLETE, setReady);
+					timer.start();
+				}
+				
+				// add metadata to our custom event
+				var event:VideoDisplayEvent = new VideoDisplayEvent(VideoDisplayEvent.METADATA);
+				event.metadata = _metadata;
+				
+				// dispatch the event to the parent
+				dispatchEvent(event);
+			}
+			
+			// called from metadata callback
+			private function setReady(event:TimerEvent):void{		
+				_ns.seek(0);
+				
+				// seek the video the very beginning and pause
+				_playMode = READY_MODE;
+				
+				// displatch a ready event
+				dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.READY));
+				
+				// wait for a call to play
+			}
+			
+			// resets video
+			public function reset():void{
+				// change view to black
+				selectedChild = blackView;
+				
+				// if a netstream exists, clear it
+				if(_ns){
+					_ns.close();
+					_ns = null;	
+				}
+
+				// if a timer exists, stop it
+				if(timer){
+					timer.stop();
+					timer = null;	
+				}
+				
+				// clear the video object
+				video.clear();
+				
+				// reset play buttons
+				_playMode = INIT_MODE;
+				
+				// create a new netstream
+				_ns = createNetStream();
+				
+				// attach the new ns
+				video.attachNetStream(_ns);
+				
+				// create a new timer
+				timer = createTimer();
+				
+				// dispatch a reset event to parent
+				dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.RESET));
+			}
+			
+			// creates a new netstream object
+			private function createNetStream():NetStream{
+				// if nc is not null
+				if(_nc){
+					var ns:NetStream = new NetStream(_nc);
+					ns.bufferTime = _bufferTime;
+					
+					// listeners and callback stuff for netstatus object
+					var client:Object = new Object();
+					client.onMetaData = onMetaData;
+					client.onPlayStatus = onPlayStatus;
+					ns.client = client;
+					
+					ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
+					ns.addEventListener(NetStatusEvent.NET_STATUS, nsStatusHandler);
+					
+					// is camera is allowed, set that up
+					if(_cam){
+						ns.attachCamera(_cam);
+					}
+					
+					// if the mic is to be used, set that up
+					if(_mic){
+						ns.attachAudio(_mic);
+					}
+						
+					return ns;
+				}
+				else
+					return null;
+			}
+			
+			// creates a new timer object
+			private function createTimer():Timer{
+				var timer:Timer = new Timer(10);
+				timer.addEventListener(TimerEvent.TIMER, checkEndStream);
+				
+				return timer;
+			}
+			
+			// toggles pause and unpause
+			public function play():void {
+				// if video is on first frame and paused
+				if(playMode == READY_MODE || playMode == PAUSE_MODE){
+					// play stream
+					_playMode = PLAY_MODE;
+					_ns.resume();
+					
+					// start the timer
+					timer.start();
+					
+					// dispatch unpause event
+					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.UNPAUSE));
+				}
+				// else if the video is currently playing
+				else if(playMode == PLAY_MODE){
+					// pause stream
+					_playMode = PAUSE_MODE;
+					_ns.pause();
+					
+					// stop the timer
+					timer.stop();
+					
+					// dispatch pause event
+					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.PAUSE));
+				}
+			}
+			
+			// start camera method
+			public function startViewCamera():void{
+				// if the camera is not viewed yet
+				if(!_isCameraViewed){
+					// start viewing camera
+					viewCameraHelper();
+				}
+			}
+			
+			// stop camera method
+			public function stopViewCamera():void{
+				// if the camera is viewed
+				if(_isCameraViewed){
+					// stop viewing camera
+					viewCameraHelper();
+				}
+			}
+			
+			// view camera helper method to start and stop actual viewing
+			public function viewCameraHelper():void {
+				// if camera is set
+				if(_cam){
+					// if camera is not being used
+					if(!isCameraViewed){
+						// reset video
+						reset();
+						
+						// if the item clicked is full video OR if showing a camera
+						if(_cam && _mic){
+							// attach the cam to the videoDisplay
+							video.attachCamera(_cam);
+							
+							//change the view stack
+							selectedChild = recorderView;
+						}
+						// else if the item played is sound OR if we can only start sound
+						else if(_mic && !_cam){
+							//change the view stack
+							selectedChild = audioView;
+						}
+	
+						_isCameraViewed = true;
+						
+						// dispatch event
+						dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.STARTCAM));
+					}
+					// if camera is being used
+					else {
+						// clear the videoDisplay
+						video.attachCamera(null);
+						_isCameraViewed = false;
+						
+						// change view
+						selectedChild = blackView;
+						
+						// dispatch event
+						dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.STOPCAM));
+					}
+				}
+			}
+			
+			// publish method
+			public function startPublish(filename:String):void{
+				// if we are not already publishing
+				if(!_isPublishing){
+					// store filename to use
+					_filename = filename;
+					
+					// if camera is not on yet
+					if(!isCameraViewed){
+						// start camera
+						viewCameraHelper();
+						
+						// and start publishing
+						publishHelper();
+					}
+					else{
+						// just start publishing
+						publishHelper();
+					}
+				}
+			}
+			
+			// stop publishing method
+			public function stopPublish():void{
+				// if we are publishing
+				if(_isPublishing){
+					// stop camera
+					viewCameraHelper();
+					
+					//stop publishing
+					publishHelper();
+				}
+			}
+			
+			// publish helper method to start and stop actual publishing
+			private function publishHelper():void {
+				// if not publishing
+				if(!_isPublishing){
+					// create a new netstream
+					_ns = createNetStream();
+					
+					/*
+					// create the bitmap data for preview image
+					previewImage = new BitmapData(320, 240);
+
+					// start another video and attach the camera
+					var videoPreview:Video = new Video(320, 240);
+					videoPreview.attachCamera(cam);
+					
+					// draw from the video
+					previewImage.draw(videoList);
+					
+					// encode the bmp
+					var pngEncoder:PNGEncoder = new PNGEncoder();
+					var rawBytes:ByteArray = pngEncoder.encode(previewImage);
+					*/
+					
+					// save the preview image to server (using a LAMS servlet)
+					/*
+					var imageService:ImageService = new ImageService(serverUrl, "savePreviewImage");
+					imageService.addEventListener(ResultEvent.RESULT, savePreviewImageSuccessHandler);
+					imageService.addEventListener(FaultEvent.FAULT, savePreviewImageFaultHandler);
+					imageService.sendImageToServer(previewImage, imageService.JPG_EXT, filename);
+					*/
+					
+					/*
+					// save the preview image to server (using the Red5 servlet)
+					nc.call("savePreviewImage", null, rawBytes, filename);
+					*/
+					
+					// publish video to media server
+					_ns.publish(_filename, "record");
+					_isPublishing = true;
+					
+					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.STARTPUBLISH));
+				}
+				// if recording
+				else {
+					// close the netStream object
+					_ns.close();
+					_isPublishing = false;
+					
+					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.STOPPUBLISH));
+				}
+			}
+			
+			public function seek(position:Number):void{
+				if(playMode != INIT_MODE){
+					_ns.seek(position);
+				}
+			}
+			
+			public function get bufferTime():int{
+				return _bufferTime;
+			}
+			
+			public function set bufferTime(bufferTime:int):void{
+				_bufferTime = bufferTime;
+			}
+			
+			public function get time():Number{
+				return _ns.time;
+			}
+			
+			public function get duration():Number{
+				return _metadata.duration;
+			}
+			
+			public function get metadata():Object{
+				return _metadata;
+			}
+			
+			public function get isPublishing():Boolean{
+				return _isPublishing;
+			}
+			
+			public function get isCameraViewed():Boolean{
+				return _isCameraViewed;
+			}
+			
+			private function nsStatusHandler(event:NetStatusEvent):void {
+				// get the info object
+				var infoObject:Object = event.info;
+								
+				switch(infoObject.code){
+					case "NetStream.Play.Start":{
+						// alert
+						//Alert.show("NetStream.Play.Start");
+						break;
+					}
+					case "NetStream.Play.Stop":{
+						// alert
+						//Alert.show("NetStream.Play.Stop");
+						break;
+					}
+					case "NetStream.Buffer.Empty":{
+						// alert
+						//Alert.show("NetStream.Buffer.Empty");
+						break;
+					}
+					case "NetStream.Buffer.Full":{
+						// alert
+						//Alert.show("NetStream.Buffer.Full");
+						break;
+					}
+					case "NetStream.Buffer.Flush":{
+						// alert
+						//Alert.show("NetStream.Buffer.Flush");
+						break;
+					}
+					case "NetStream.Pause.Notify":{
+						// alert
+						//Alert.show("NetStream.Pause.Notify");
+						//dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.PAUSE));
+						break;
+					}
+					case "NetStream.Unpause.Notify":{
+						// alert
+						//Alert.show("NetStream.Unpause.Notify");
+						//dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.UNPAUSE));
+						break;
+					}
+					default:
+				}
+			}
+			
+			private function onPlayStatus(infoObject:Object):void{  			
+    			switch(infoObject.code){
+    				case "NetStream.Play.Start":{
+    					// alert
+    					// Alert.show("NetStream.Play.Start");
+						break;
+    				}
+    				case "NetStream.Play.Complete":{
+    					// alert
+    					//Alert.show("NetStream.Play.Complete");
+    					makeReadyAgain();
+    					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.COMPLETE));
+						break;
+    				}
+    				default:
+    			}
+			}
+			
+			// checks end of the stream (called every second from the timer)
+			private function checkEndStream(event:TimerEvent):void{
+				if(_ns.time >= metadata.duration){
+					makeReadyAgain();
+					dispatchEvent(new VideoDisplayEvent(VideoDisplayEvent.COMPLETE));
+				}
+			}
+			
+			private function securityErrorHandler(event:SecurityErrorEvent):void {
+				trace("securityErrorHandler: " + event);
+			}
+	
+			private  function asyncErrorHandler(event:AsyncErrorEvent):void {
+				trace("securityErrorHandler: " + event);
+			}
+						
+	    ]]>
+	</mx:Script>
+	
+	<mx:Canvas id="recorderView" width="100%" height="100%">
+		<mx:VideoDisplay width="100%" height="100%" id="display" visible="true"/>
+	</mx:Canvas>
+	<mx:Canvas id="blackView" width="100%" height="100%" backgroundColor="#000000">
+	</mx:Canvas>
+	<mx:Canvas id="playerView" width="100%" height="100%" backgroundColor="#000000">
+		<mx:UIComponent id="player" width="100%" height="100%"/>
+	</mx:Canvas>
+	<mx:Canvas id="audioView" width="100%" height="100%" backgroundColor="#000000">
+		<mx:Image id="audioImage" width="100%" height="100%" source="{volumeEmbed}" verticalAlign="middle" horizontalAlign="center" scaleContent="false"/>
+	</mx:Canvas>
+</mx:ViewStack>
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplayEvent.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplayEvent.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/ui/components/VideoDisplayEvent.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,27 @@
+package org.lamsfoundation.lams.common.ui.components
+{
+	import flash.events.Event;
+
+	public class VideoDisplayEvent extends Event
+	{
+		public static const RESET:String = "videoDisplayReset";
+		public static const READY:String = "videoDisplayReady";
+		public static const PAUSE:String = "videoDisplayPause";
+		public static const UNPAUSE:String = "videoDisplayUnpause";
+		public static const METADATA:String = "videoDisplayMetadata";
+		public static const STARTCAM:String = "videoDisplayStartCam";
+		public static const STOPCAM:String = "videoDisplayStopCam";
+		public static const STARTPUBLISH:String = "videoDisplayStartPublish";
+		public static const STOPPUBLISH:String = "videoDisplayStopPublish";
+		public static const COMPLETE:String = "videoDisplayComplete";
+		public static const BUFFERING:String = "videoDisplayBuffering";
+		
+		public var metadata:Object;
+		
+		public function VideoDisplayEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
+		{
+			super(type, bubbles, cancelable);
+		}
+		
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/LAMSStringUtil.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/LAMSStringUtil.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/LAMSStringUtil.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,28 @@
+package org.lamsfoundation.lams.common.util
+{
+	import mx.utils.StringUtil;
+
+	public class LAMSStringUtil extends StringUtil
+	{
+		public function LAMSStringUtil()
+		{
+			super();
+		}
+
+        // convert a string to a boolean
+        public static function stringToBool(string:String):Boolean{
+        	switch(string){
+        		case "1":
+        		case "true":
+        		case "yes":
+        			return true;
+        		case "0":
+        		case "false":
+        		case "no":
+        			return false;
+        		default:
+        		return Boolean(string);
+        	}
+        }
+	}
+}
\ No newline at end of file
Index: lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/VideoDisplayUtil.as
===================================================================
diff -u
--- lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/VideoDisplayUtil.as	(revision 0)
+++ lams_flash/src/common/flex/org/lamsfoundation/lams/common/util/VideoDisplayUtil.as	(revision 251a00158d63f52d7482fa4aa2decb78d6322a8c)
@@ -0,0 +1,82 @@
+package org.lamsfoundation.lams.common.util
+{
+	import flash.media.Camera;
+	import flash.media.Microphone;
+	
+	public class VideoDisplayUtil
+	{
+		public function VideoDisplayUtil() {}
+		
+		// prints an info object
+	 	public static function printInfoObject(caller:String, infoObject:Object):void{
+        	trace("caller: " + caller);
+       		for (var prop in infoObject) {
+    			trace("\t"+prop+":\t"+infoObject[prop]);
+			}
+        }
+	    
+	    // create a filename for the video recorder tool
+       	public static function createFilename(toolSessionId:int, userId:int):String{
+       		
+			return "lamsRecording_session" + toolSessionId + "_user" + userId + "_" + randomNumber(1, 1000000000);
+       	}
+       	
+       	// create a filename for use in the fck editor
+       	public static function createFilenameForFCK(userId:int):String{
+       		
+			return "lamsRecording_forFCK" + "_user" + userId + "_" + randomNumber(1, 1000000000);
+       	}
+	       
+	   	// creates a random number between bounds
+       	private static function randomNumber(low:Number=NaN, high:Number=NaN):Number {
+		  var low:Number = low;
+		  var high:Number = high;
+		
+		  if(isNaN(low))
+		  {
+		    throw new Error("low must be defined");
+		  }
+		  if(isNaN(high))
+		  {
+		    throw new Error("high must be defined");
+		  }
+		
+		  return Math.round(Math.random() * (high - low)) + low;
+		}
+
+		// gets a camera and sets it up
+		public static function setupCamera():Camera {
+			// get cam
+			var cam:Camera = new Camera;
+			cam = Camera.getCamera();
+				
+			// setting dimensions and framerate
+			cam.setMode(320, 240, 30);
+			// set to minimum of 70% quality
+			cam.setQuality(0,70);
+			
+			return cam;
+		}
+			
+		// sets up mic
+		public static function setupMic():Microphone{
+			// get mic
+			var mic:Microphone = new Microphone();
+			mic = Microphone.getMicrophone();
+				
+			// setup rate
+			mic.rate = 44;
+			
+			return mic;
+		}
+		
+		// creates a string with the correct time formatting
+		public static function secondsToString(val:String):String{
+			var valInt:Number = Number(val);
+			var minutes:int = valInt / 60;
+			var seconds:int = valInt % 60;
+			
+			return String(minutes) + ":" + String(seconds);
+		}
+	}
+}
\ No newline at end of file