Index: lams_learning/web/gate/scheduleGateContent.jsp
===================================================================
diff -u -r08950e1090443c3423a3d1c587416a2fccd8bbdf -r88e98be30293b57a81d4a8a6e5cdaf5c62e97883
--- lams_learning/web/gate/scheduleGateContent.jsp	(.../scheduleGateContent.jsp)	(revision 08950e1090443c3423a3d1c587416a2fccd8bbdf)
+++ lams_learning/web/gate/scheduleGateContent.jsp	(.../scheduleGateContent.jsp)	(revision 88e98be30293b57a81d4a8a6e5cdaf5c62e97883)
@@ -25,9 +25,72 @@
 <%@ taglib uri="tags-core" prefix="c" %>		
 <%@ taglib uri="tags-fmt" prefix="fmt" %>
 <%@ taglib uri="tags-lams" prefix="lams" %>
+<c:choose>
+	<c:when test="${not empty GateForm.map.reachDate}">
+		<p><fmt:message key="label.schedule.gate.reach"/> <lams:Date value="${GateForm.map.reachDate}"/><br />
+		   <fmt:message key="label.schedule.gate.offset.1"/> <span id="offset"></span> <fmt:message key="label.schedule.gate.offset.2"/>
+		</p>
+	</c:when>
+	<c:otherwise>
+		<c:if test="${GateForm.map.startingTime!=null}">
+			<p><fmt:message key="label.schedule.gate.open.message"/> <lams:Date value="${GateForm.map.startingTime}"/></p>
+		</c:if>
+		<c:if test="${GateForm.map.endingTime!=null}">
+			<p><fmt:message key="label.schedule.gate.close.message"/> <lams:Date value="${GateForm.map.endingTime}"/></p>
+		</c:if>
+	</c:otherwise>
+</c:choose>
 
-<p><fmt:message key="label.schedule.gate.open.message"/> <lams:Date value="${GateForm.map.startingTime}"/></p>
-<c:if test="${GateForm.map.endingTime!=null}">
-<p><fmt:message key="label.schedule.gate.close.message"/> <lams:Date value="${GateForm.map.endingTime}"/></p>
-</c:if>
-	
\ No newline at end of file
+<fmt:message key="label.schedule.gate.open.remaining"/> <span id="remaining"></span>
+
+<script type="text/javascript">
+	function buildDateString(offset, longFormat) {
+		var result = "",
+			day = 24*60*60,
+			offsetDay = Math.floor(offset/day);
+		offset -= offsetDay * day;
+		var offsetHour = Math.floor(offset/(60*60));
+		offset -= offsetHour * 60;
+		var offsetMinute =  Math.floor(offset/60);
+		
+		if (offsetDay > 0) {
+			result = offsetDay + " " + dayLabel + " ";
+		}
+		if (offsetHour > 0) {
+			result += offsetHour + " " + hourLabel + " ";
+		}
+		if (offsetMinute > 0) {
+			result += offsetMinute + " " + minuteLabel + " ";
+		}
+		if (longFormat) {
+			var offsetSecond = offset - offsetMinute * 60;
+			result += offsetSecond + " " + secondLabel;
+		}
+		return result;
+	}
+
+	var dayLabel = '<fmt:message key="label.days"/>',
+		hourLabel = '<fmt:message key="label.hours"/>',
+		minuteLabel = '<fmt:message key="label.minutes"/>',
+		secondLabel = '<fmt:message key="label.seconds"/>',
+		offsetField = document.getElementById('offset'),
+		remainingField = document.getElementById('remaining'),
+		remainTime = ${GateForm.map.remainTime};
+
+	setInterval(function(){
+		remainTime--;
+		if (remainTime <= 0) {
+			document.location.reload();
+		} else {
+			var remainingFieldText = buildDateString(remainTime, true);
+			remainingField.innerHTML = remainingFieldText;
+		}
+	}, 1000);
+		
+	if (offsetField != null) {
+		var offset = '${GateForm.map.startOffset}',
+			offsetFieldText = buildDateString(+offset, false);
+		offsetField.innerHTML = offsetFieldText;
+	}
+
+</script>
\ No newline at end of file