<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>
<%@ page import="org.apache.commons.lang.StringUtils"  %>
<%@ include file="../CHECKPROFILE.jsp" %>
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:useBean id="EMV" class="com.csc.library.system.Task" scope="page" />
<jsp:setProperty name="EMV" property="appname" value="empview" />
<%
	EMV.setChannel(request,response);
	HelpEntry screen = (HelpEntry)EMV.process("HelpEntry","MCOM_HISTORYHELP");

	if (screen==null){
		return;
	}

	String filter="comstatus='1'";
	screen.getInquiry().setFilter(filter);
	screen.getInquiry().refresh();
	screen.referLangOn();
	//out.println(request.getContextPath());
%>
<html ng-app="myHR">
	<head>
		<title>Employee View</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	</head>
	<body>
		<div class="bg-com"></div>
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />

		<script type="text/javascript">
			setLang("<%=screen.getUProfile().get("lang")%>");
			setPageTitle(swap2String("Company Information"));

			function setSrcimagefile(srcid,urlimg){
				document.getElementById(srcid).src=urlimg;
			}

			$(document).ready(function(){
				var allClass=$(".csc-list-head").length;
				$(".csc-list-head").css("width",100/allClass+"%");

				$(".csc-list-head").click(function(){
					$(".csc-list-head").removeClass("tab-active");
					$(".csc-tab-body").removeClass("body-active");

					var classname=$(this).attr("id");
					$(this).addClass("tab-active");
					$("."+classname).addClass("body-active");
				});
			});

			function ggtimeout(){
				var i=1;
				$(".csc-block").find("img").each(function(index){
					console.log("index ="+index+$(this).data("src"));
					var myobj=$(this);
					var mysrc=$(this).data("src");
					function mytime(){
						myobj.attr("src",myobj.data("src"));
						//myobj.removeAttr("hidden");
					};

					setTimeout(mytime,i*250);
					i++;
					//$(this).attr("src","");
					//$(this).attr("src",mysrc);
					//$(this).removeAttr("hidden");
					//$(this).attr("src",$(this).data("src"));

					//$(this).removeAttr("hidden");
					//i++;
				});

				/*console.log($(".csc-block").find("img").length);
				i = $(".csc-block").find("img").length;
				for (var n=0;n<i ;n++ ){
					function mytime(){
						//$(".csc-block").find("img")[n].attr("src",(".csc-block").find("img")[n].data("src"));
					}

					setTimeout(mytime,n*250);
				}*/

			}
		</script>

		<section>
			<div class="container csc-content">
				<form name="cscform" method="post" action="?" class="form-hozizontal">
					<!-- BEGIN CSC INITIAL ZONE -->
					<%=screen.InitialVariable()%>
					<!-- END CSC INITIAL ZONE -->
					<input type="hidden" name="__cmd" value="">
					<input type="hidden" name="__screen" value="OI_PROFILE">
					<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>">
					<div class="csc-block">
						<div class="center">
							<h2 class="csc-block-head" swlang code='SW000528'>Company Information</h2>
						</div>
						<div class="csc-tab">
						<%
							int i=1;
							String headtab="";
							String bodytab="";
							String mydesc="";
							if (screen.getInquiry().recCount()>0){
								while (screen.nextRec()){
									if (i==1){
										headtab+="<div class='csc-list-head tab-active'";
										bodytab+="<div class='csc-tab-body body-active";
									}else{
										headtab+="<div class='csc-list-head'";
										bodytab+="<div class='csc-tab-body";
									}
									if (screen.getUProfile().get("lang").equals("eng")){
										mydesc=screen.getString("edesc");
									}else{
										mydesc=screen.getString("tdesc");
									}


								//	mydesc=mydesc.replaceAll("src","data-src");
									//mydesc=mydesc.replaceAll("img","img hidden");
									//mydesc=mydesc.replaceAll("FileViewer","FileDownload");
									mydesc=mydesc.replaceAll("alt=","");
									//mydesc=mydesc.replaceAll("\"\"","");
									mydesc=mydesc.replaceAll("&quot;","\"");
									mydesc=mydesc.replaceAll("&lt;","<");
									mydesc=mydesc.replaceAll("&gt;",">");
									mydesc=mydesc.replaceAll("src","data-src");

									headtab+=" id='tab"+i+"'>"+screen.getString("topic")+"</div>";
									bodytab+=" tab"+i+"'>"+mydesc+"</div>";
									i++;
								}
							}
						%>

							<div class="csc-tab-head">
								<%=headtab%>

							</div><!-- end csc-tab-head-->
							<%=bodytab%>
						</div><!-- end csc-tab -->
					</div>
				</form>
			</div>
			<a href="#top" id="top-button">
				<i class="fa fa-angle-up"></i>
				<div class="top-word">Back to top</div>
			</a>
		</section>
		<jsp:include page="FOOTER.jsp" flush="true" />
		<script type="text/javascript">ggtimeout()</script>
	</body>
</html>