Index: pro-violet-viettel/sourcecode/application/modules/frontend/views/flashscript.php
===================================================================
--- pro-violet-viettel/sourcecode/application/modules/frontend/views/flashscript.php	(revision 482)
+++ pro-violet-viettel/sourcecode/application/modules/frontend/views/flashscript.php	(revision 483)
@@ -7,5 +7,9 @@
 
 function InitViolet() {
-  g_Flash = isInternetExplorer ? LectorEditorOnline : document.LectorEditorOnline;
+  console.log('onload');
+  g_Flash = document.getElementById('LectorEditorOnline');
+  //g_Flash = isInternetExplorer ? LectorEditorOnline : document.LectorEditorOnline;
+
+  console.log(LectorEditorOnline);
 }
 
@@ -38,4 +42,5 @@
 // Handle all the FSCommand messages in a Flash movie.
 function LectorEditorOnline_DoFSCommand(command, args) {
+
   switch (command) {
     case "Set Title": SetWindowTitle(args); break;
Index: pro-violet-viettel/sourcecode/application/modules/frontend/views/lecture_editor.php
===================================================================
--- pro-violet-viettel/sourcecode/application/modules/frontend/views/lecture_editor.php	(revision 482)
+++ pro-violet-viettel/sourcecode/application/modules/frontend/views/lecture_editor.php	(revision 483)
@@ -1,4 +1,4 @@
 <?php
-$this->load->view('layout/frontend/header', array('flashScript' => $flashScript));
+$this->load->view('layout/frontend/header');
 $base_url = base_url();
 $this->load->view('layout/frontend/sidebar');
@@ -13,9 +13,11 @@
 								<?php $flashVars = 'online=true&applicationId=Violet Online' ?>
 								<?php $flashVars.= '&commonLibList=sxIOE3.xml,sxIOE4.xml,sxIOE5.xml,tnIOE3.xml,tnIOE4.xml,tnIOE5.xml' ?>
-								<?php $flashVars.= '&youtubeUrl=Service/fake_youtube.php'.$langParam.'&command=Init OK' ?>
+								<?php $flashVars.= '&youtubeUrl='.$base_url.'assets/soanbai/Service/fake_youtube.php'.$langParam.'&command=Init OK' ?>
 								<?php $flashVars.= '&licenseStatus='.$licenseAvailable ?>
 
 								<div class="embed-responsive embed-responsive-16by9">
-								  <embed								  	  
+								  <embed
+								  	  id="LectorEditorOnline"
+								  	  name="LectorEditorOnline"								  	  
 									  class="embed-responsive-item" 
 									  src="<?php echo $base_url;?>assets/soanbai/Lecture/LectureEditor.swf" 
@@ -26,5 +28,4 @@
 								</div>							
 								<!-- PAGE CONTENT ENDS -->
-
 					</div><!-- /.page-content -->
 				</div><!-- /.main-content -->
@@ -35,5 +36,7 @@
 			</a>
 		</div><!-- /.main-container -->
+		
 <?php
-$this->load->view('layout/frontend/footer');
+$this->load->view('servicemodals');
+$this->load->view('layout/frontend/footer', array('usjs'=> array('assets/js/frontend/lecture.js')));
 ?>
Index: pro-violet-viettel/sourcecode/application/modules/frontend/views/servicemodals.php
===================================================================
--- pro-violet-viettel/sourcecode/application/modules/frontend/views/servicemodals.php	(revision 483)
+++ pro-violet-viettel/sourcecode/application/modules/frontend/views/servicemodals.php	(revision 483)
@@ -0,0 +1,165 @@
+		<!-- alert-services -->
+		<div class="modal fade" id="alert-services" tabindex="-1" role="dialog"aria-hidden="true">
+		  <div class="modal-dialog">
+		    <div class="modal-content">
+		      <div class="modal-header">
+		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+		        <h4 class="modal-title">ThÃŽng bÃ¡o dá»ch vá»¥</h4>
+		      </div>
+		      <div class="modal-body">
+		      	<div class="alert alert-block alert-success">						
+							<p>
+								QuÃ­ vá» chÆ°a ÄÄng kÃ­ sá»­ dá»¥ng dá»ch vá»¥ Soáº¡n BÃ i giáº£ng online. QuÃ­ vá» cÃ³ thá» dÃ¹ng thá»­ dá»ch vá»¥ Soáº¡n BÃ i giáº£ng online trÆ°á»c khi ÄÄng kÃ­.
+							</p>
+						</div>
+		      </div>
+
+		      <div class="modal-footer">
+		      	<button type="button" class="btn btn-info" data-dismiss="modal">DÃ¹ng thá»­</button>
+		      	<button type="button" class="btn btn-success" id="services-reg">ÄÄng kÃœ</button>
+		      </div>
+		    </div>
+		  </div>
+		</div>
+		<!-- END: alert-services -->
+		
+		<!-- alert-services-reg -->
+		<div class="modal fade" id="alert-services-reg" tabindex="-1" role="dialog"aria-hidden="true">
+		  <div class="modal-dialog">
+		    <div class="modal-content">
+		      <div class="modal-header">
+		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+		        <h4 class="modal-title">ThÃŽng bÃ¡o dá»ch vá»¥</h4>
+		      </div>
+		      <div class="modal-body">
+		      	<h3>
+							TÃ i khoáº£n cá»§a quÃ­ vá» hiá»n táº¡i lÃ  1,000 Äá»ng.
+						</h3>
+						<h4 class="header blue bolder smaller">ÄÄng kÃœ dá»ch vá»¥</h4>
+						<h5>CÃ¡ch 1</h5>
+		      	<div class="alert alert-block alert-success">						
+							<table class="table">
+								<caption>Má»i quÃ­ vá» chá»n cÃ¡c gÃ³i dá»ch vá»¥ sau:</caption>
+								<tbody>
+									<tr>
+										<td>1 thÃ¡ng</td>
+										<td>15.000 VNÄ</td>
+										<td class="center">
+											<label>
+												<input type="checkbox" class="ace" />
+												<span class="lbl"></span>
+											</label>
+										</td>
+									</tr>
+									<tr>
+										<td>3 thÃ¡ng</td>
+										<td>40.000 VNÄ</td>
+										<td class="center">
+											<label>
+												<input type="checkbox" class="ace" />
+												<span class="lbl"></span>
+											</label>
+										</td>
+									</tr>
+									<tr>
+										<td>6 thÃ¡ng</td>
+										<td>70.000 VNÄ</td>
+										<td class="center">
+											<label>
+												<input type="checkbox" class="ace" />
+												<span class="lbl"></span>
+											</label>
+										</td>
+									</tr>
+									<tr>
+										<td>12 thÃ¡ng</td>
+										<td>130.000 VNÄ</td>
+										<td class="center">
+											<label>
+												<input type="checkbox" class="ace" />
+												<span class="lbl"></span>
+											</label>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<h5>CÃ¡ch 2</h5>
+						<h4>Soáº¡n tin: SBG VIP 1 (hay 3, 6, 12) gá»­i tá»i 8062</h4>
+		      </div>
+
+		      <div class="modal-footer">
+		      	<button type="button" class="btn btn-info" data-dismiss="modal">DÃ¹ng thá»­</button>
+		      	<button type="button" class="btn btn-success" id="services-sign">Tiáº¿p tá»¥c</button>
+		      </div>
+		    </div>
+		  </div>
+		</div>
+		<!-- END: alert-services-reg -->
+		
+		<!-- alert-services-reg-2 -->
+		<div class="modal fade" id="alert-services-reg-2" tabindex="-1" role="dialog"aria-hidden="true">
+		  <div class="modal-dialog">
+		    <div class="modal-content">
+		      <div class="modal-header">
+		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+		        <h4 class="modal-title">ThÃŽng bÃ¡o dá»ch vá»¥</h4>
+		      </div>
+		      <div class="modal-body">
+		      	<div class="alert alert-block alert-success">						
+							<p>
+								QuÃ­ vá» cáº§n Äiá»n Äáº§y Äá»§ Há» vÃ  tÃªn chÃ­nh xÃ¡c báº±ng tiáº¿ng Viá»t cÃ³ dáº¥u, cÃ¡c tÃªn ÄÆ¡n vá» sáºœ khÃŽng ÄÆ°á»£c cháº¥p nháº­n.
+							</p>
+						</div>
+						<form class="form-horizontal" action="#" method="POST">
+							<div class="form-group">
+								<label for="form-field-first" class="col-sm-4 control-label no-padding-right">
+								Há» vÃ  tÃªn</label>
+								<div class="col-sm-8">
+									<input type="text" value="" placeholder="Há»" id="form-field-first" class="input-small">
+									<input type="text" value="" placeholder="TÃªn" id="form-field-last" class="input-small">
+								</div>
+							</div>
+
+							<div class="space-4"></div>
+
+							<div class="form-group">
+								<label for="form-field-username" class="col-sm-4 control-label no-padding-right">
+								ÄÆ¡n vá»</label>
+								<div class="col-sm-8">
+									<input type="text" placeholder="ÄÆ¡n vá»" id="form-field-username" class="col-xs-12 col-sm-10">
+								</div>
+							</div>
+						</form>
+		      <div class="modal-footer">
+		      	<a href="#" class="btn btn-success" data-dismiss="modal">ÄÄng kÃœ</a>
+		      </div>
+		    </div>
+		  </div>
+		</div>
+		<!-- END: alert-services-reg-2 -->
+		
+		<!-- alert-update-info -->
+		<div class="modal fade" id="alert-update-info" tabindex="-1" role="dialog"aria-hidden="true">
+		  <div class="modal-dialog">
+		    <div class="modal-content">
+		      <div class="modal-header">
+		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+		        <h4 class="modal-title">ThÃŽng bÃ¡o dá»ch vá»¥</h4>
+		      </div>
+		      <div class="modal-body">
+		      	<div class="alert alert-block alert-success">						
+							<p>
+								QuÃ­ vá» hÃ£y nháº­p thÃŽng tin cÃ¡ nhÃ¢n Äá» cÃ³ thá» sá»­ dá»¥ng dá»ch vá»¥.
+							</p>
+						</div>
+		      </div>
+
+		      <div class="modal-footer">
+		      	<button type="button" class="btn btn-info" id="services-sign">Tiáº¿p tá»¥c</button>
+		      </div>
+		    </div>
+		  </div>
+		</div>
+		<!-- END: alert-update-info -->
+		
