<%@ page import="com.csc.library.session.*" %>
<%@page import="com.csc.library.entry.*,com.csc.library.system.*,com.csc.library.utilities.*,com.csc.library.database.*,com.csc.library.session.*"%>

<jsp:useBean id="MYLOGO" class="com.csc.library.system.Task" scope="page"/>
<%
	MYLOGO.setChannel(request,response);
	HelpEntry screen_logo = (HelpEntry)MYLOGO.process("HelpEntry","MLOGOHELP");
	CheckNull chk=new CheckNull();
	screen_logo.getInquiry().refresh();

	if (screen_logo.getInquiry().recCount()>0){
		screen_logo.nextRec();
		screen_logo.referLangOn();
	}

	UProfile myprofile=null;
	if (session!=null){
		myprofile = (UProfile)session.getAttribute("userprofile");
	}
%>
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/fontawesome-all.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/Bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/metro.css"/>
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/MENU_BACKEND.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/JS/fullcalendar-yearview/fullcalendar.css"/>
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/Bootstrap/css/animate.min.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/EMPVIEW_LAYOUT.css">


<script type="text/javascript" src="../JS/SCREEN.js"></script>
<script>setLang("<%=myprofile.get("lang")%>");</script>
<script type="text/javascript" src="../JS/EVENTS.js"></script>
<script type="text/javascript" src="../JS/UTILITIES.js"></script>
<script type="text/javascript" src="../JS/ACTIVE_OBJECT.js"></script>
<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="../public/lib/angular/angular.min.js"></script>
<script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
<script type='text/javascript' src="../JS/ANGULAR/swaplang.factory.js"></script>
<script type="text/javascript" src="../JS/fullcalendar-yearview/lib/moment.min.js"></script>
<script type="text/javascript" src="../JS/fullcalendar-yearview/fullcalendar.js"></script>
<script type="text/javascript" src="../JS/fullcalendar-yearview/lang-all.js"></script>
<script type="text/javascript" src="../JS/VIEWCALENDAR.js"></script>
<script type="text/javascript" src="../JS/DATEINPUT.js"></script>
<script type="text/javascript" src="../CSS/Bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script>
<script type="text/javascript" src="../JS/EMPVIEW_FUNC.js"></script>
<script type='text/javascript' src='../JS/urljobboard.js'></script>
<%-- <script type='text/javascript' src='../JS/urljb.js'></script> --%>
<script src="../JS/orgchart/jquery.jOrgChart.js"></script>

<script>
	var isShowMenu = 0
	$(document).ready(function(){
		$(function(){
			$(".li-toggle").hover(function(){
				$(this).find(".li-menu").dequeue().stop(true, true).toggle(400);
			},function(){
				$(this).find(".li-menu").dequeue().stop(true, true).css("display","none");
			});

			$(".li-sub-toggle").hover(function(){
				$(this).find(".li-menu-sub").dequeue().stop(true, true).toggle(400);
				$(this).children().find(".li-menu-sub").dequeue().stop(true, true).toggle();
			});
		});

		$(".go-target").click(function(){
			var target_name = $(this).find(".tar-val").val();

			$("body,html").animate({
				scrollTop:$("#"+target_name+"").offset().top
			},800);
		});

		$("#top-button").hide();

		$(function(){
			$(window).scroll(function(){
				if ($(this).scrollTop()>100){
					$("#top-button").fadeIn();
				}
				else{
					$("#top-button").fadeOut();
				}
			});

			$("#top-button").click(function(){
				$("body,html").animate({
					scrollTop:0
				},800);
				return false;
			});
		});

		$(function(){
			$(window).scroll(function(){
				if ($(this).scrollTop()<100){
					$("#bottom-button").fadeIn();
				}else{
					$("#bottom-button").fadeOut();
				}
			});

			$("#bottom-button").click(function(){
				$("body,html").animate({
					scrollTop:$("#all-menu").offset().top
				},800);
			});
		});

		$(".btn-dropdown").click(function(){
			if(isShowMenu == 0){
				$(".menu-bar-list").show()
				isShowMenu = 1
			}else{
				$(".menu-bar-list").hide()
				isShowMenu = 0	
			}
			
		})

	});

	function linkDetailNew(newid){
		$("#newsid").val(newid);
		$("#newsidval").submit();
	}

	function linkDetailEvent(eventid){
		console.log(eventid);
		$("#eventid").val(eventid);
		$("#event").submit();
	}

	function changeLang(lang,now_lang){
		if (now_lang!=lang){
			$.ajax({
				type:"POST",
				url:"<%=request.getContextPath()%>/EMPVIEW/EMV_SETLANG.jsp",
				cache: false,
				data: "lang="+lang,
				success: function(){
					location.reload();
				}
			});
		}
	}

</script>
<div class="header">
	<div class="top-bar">
		<%
			if(!myprofile.get("user_level").equals("guest")){
		%>
				<jsp:include page="../EMPVIEW/EMV_HEADER.jsp" flush="true" />
		<%
			}
		%>
	</div>
	<div class="menu-bar">
		<div class="menu-logo">
			<%=chk.chkNullString(screen_logo.getString("logotxt"),"Logo")%>&nbsp;&nbsp;
			<i class="fa fa-angle-double-down btn-dropdown"></i>
		</div>
		<jsp:include page="../EMPVIEW/EMV_TOPMENU.jsp" flush="true" />
		<%
			screen_logo.getInquiry().closeConnection();
		%>
	</div>
</div>