Index: lams_tool_lamc/web/learning/mobile/AnswersContent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_lamc/web/learning/mobile/AnswersContent.jsp,v
diff -u -r1.5 -r1.6
--- lams_tool_lamc/web/learning/mobile/AnswersContent.jsp	29 May 2013 12:28:59 -0000	1.5
+++ lams_tool_lamc/web/learning/mobile/AnswersContent.jsp	12 Aug 2013 16:29:02 -0000	1.6
@@ -8,7 +8,29 @@
 	<title><fmt:message key="activity.title" /></title>
 	<%@ include file="/common/mobileheader.jsp"%>
 	
+	<style media="screen,projection" type="text/css">
+		div.growlUI { background: url(check48.png) no-repeat 10px 10px }
+		div.growlUI h1, div.growlUI h2 {
+			color: white; padding: 5px 5px 5px 0px; text-align: center;
+		}
+	</style>
+	
+	<script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
+	<script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>	
 	<script language="JavaScript" type="text/JavaScript">
+		var interval = "30000"; // = 30 seconds
+		window.setInterval(
+			function(){
+				//ajax form submit
+				$('#learningForm').ajaxSubmit({
+					url: "<c:url value='/learning.do?method=autoSaveAnswers&date='/>" + new Date().getTime(),
+		            success: function() {
+		                $.growlUI('<fmt:message key="label.learning.draft.autosaved" />');
+		            }
+				});
+	        }, interval
+	    );
+	
 		function submitNextQuestionSelected() {
 			if (verifyAllQuestionsAnswered()) {
 				++document.McLearningForm.questionIndex.value;
@@ -33,7 +55,7 @@
 		function verifyAllQuestionsAnswered() {
 			// in case oneQuestionPerPage option is ON user has to select 1 answer, and all answers otherwise
 			var isOneQuestionPerPage = ${mcGeneralLearnerFlowDTO.questionListingMode == 'questionListingModeSequential'};
-			var answersRequiredNumber = (isOneQuestionPerPage) ? 1 : ${fn:length(requestScope.listQuestionCandidateAnswersDto)};
+			var answersRequiredNumber = (isOneQuestionPerPage) ? 1 : ${fn:length(requestScope.learnerAnswersDTOList)};
 			
 			//check each question is answered
 			if ($(':radio:checked').length == answersRequiredNumber) {
@@ -66,7 +88,7 @@
 	</div>
 
 	<div data-role="content">
-	<html:form  action="/learning?method=displayMc&validate=false" enctype="multipart/form-data" method="POST" target="_self">
+	<html:form styleId="learningForm" action="/learning?method=displayMc&validate=false" enctype="multipart/form-data" method="POST" target="_self">
 		<html:hidden property="toolContentID"/>						
 		<html:hidden property="toolSessionID"/>						
 		<html:hidden property="httpSessionID"/>