<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>
<%@ page import="java.util.*,org.apache.commons.lang.StringUtils"  %>
<% request.setCharacterEncoding("UTF-8"); %>
<%@ include file="../CHECKPROFILE.jsp" %>
<jsp:useBean id="EMV_EVENT" class="com.csc.library.system.Task" scope="page" />
<%
	EMV_EVENT.setChannel(request, response);

	HelpEntry screen = (HelpEntry)EMV_EVENT.process("HelpEntry","EMP_TEVENT");
	CscCalendar calen = new CscCalendar();
	String now = calen.getYYYYMMDD();
	String filter = "dateend >= '"+now+"' AND status = '1'";
	int i=1;
	screen.getInquiry().setFilter(filter);
	screen.getInquiry().setOrderBy("datestart");
	screen.getInquiry().setBetween(0,6);
	screen.getInquiry().refresh();
%>
<link rel="stylesheet" href="css/event.css" />
<script type='text/javascript'>setLang("<%=EMV_EVENT.getUProfile().get("lang")%>");</script>
<section id='Event'>
	<div class='bg-event'></div>
	<div class='left-arrow' onClick="$.goLeft()"><i class='fa fa-chevron-left'></i></div>
	<div class='right-arrow' onClick="$.goRight()"><i class='fa fa-chevron-right'></i></div>
	<%
		if (screen.getInquiry().recCount()>0){
			while (screen.nextRec()){
				screen.referLangOn();
				if (i == 1){
	%>
					<div class='event-block first-element' id="<%=i%>">
	<%
				}else if(i>1 &&i <= 3){
	%>
					<div class='event-block'  id="<%=i%>">
	<%
				}else{
	%>
					<div class='event-block event-hidden' id="<%=i%>">
	<%
				}
	%>
					<div class='event-head'>
						<img src="<%=screen.getInquiry().getCurrentDbRecord().getDownloadUrl("mainpic")%>" class="img-block"></img>
					</div>
					<div class='event-body'>
						<div class='title'><%=screen.getString("etopic")%></div>
						<div class='datestart'><span swlang code='SW000022'>Start</span> : <%=screen.getString("datestart")%> <%=screen.getString("timestart")%></div>
						<div class='dateend'><span swlang code='SW000217'>To</span> : <%=screen.getString("dateend")%> <%=screen.getString("timeend")%></div>
						<div class='place'><span swlang code='SW002157'>Place</span> : <%=screen.getString("place")%></div>
						<div class='detail-ev'>
						<%
							if (!screen.getString("abstract").equalsIgnoreCase("")){
						%>
							" <%=screen.getString("abstract")%> "
						<%
							}
						%>
						</div>
					</div>
					<div class='read-more'><a href="javascript:linkDetailEvent('<%=screen.getString("eventid")%>');" swlang code='SW012143'>Read more</a></div>
					<div class='event-footer'>
						<div class='user-post'><i class='fa fa-user'></i> <span class='user-span'><%=screen.getString("muser","fullname")%></span></div>
					</div>
				</div>
	<%
				i++;
			}
		}
	%>
	<a href="../EMPVIEW/EMV_EVENT_ALL.jsp"><p class='view-more ev-color' swlang code="SW012458">Readmore</p></a>
</section>
<form id="event" action="EMV_EVENT_DETAIL.jsp" method="POST">
	<input type="hidden" name="eventid" id="eventid"  value="" />
	<button type="submit" name="submitfrm" id="eventsubmit" value="submit" style="visibility: hidden;"></button>
</form>
<script type='text/javascript'>
	var dataleft = 1;
	var dataright = 3;
	var maxright = "<%=i%>";

	$.goLeft = function(){
		if (dataleft > 1){
			console.log(dataleft);
			var nextleft = dataleft-1;
			var nextright = dataright-1;
			$('#'+nextleft).removeClass('event-hidden');
			$('#'+dataleft).removeClass('first-element');
			$('#'+dataright).addClass('event-hidden');
			$('#'+nextleft).addClass('first-element');

			dataleft--;
			dataright--;
		}
	}

	$.goRight = function(){
		if (dataright < parseInt(maxright)-1 ){
			var nextleft = dataleft+1;
			var nextright = dataright+1;
			$('#'+dataleft).addClass('event-hidden');
			$('#'+dataleft).removeClass('first-element');
			$('#'+nextleft).addClass('first-element');
			$('#'+nextright).removeClass('event-hidden');

			dataright++;
			dataleft++;
		}
	}
</script>