<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@page import="com.csc.library.utilities.*,com.csc.library.session.*"%>
<% request.setCharacterEncoding("UTF-8"); %>
<%@ include file="../CHECKPROFILE.jsp" %>
<%
	UProfile up = (UProfile)session.getAttribute("userprofile");
%>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myHR">
	<head>
		<title>Employee View</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	</head>
	<body>
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />

		<script type="text/javascript">
			setLang("<%=up.get("lang")%>");
			var swap = new swaplang();
			var titlename = swap.swap2String("SW002090");
			setPageTitle(titlename);

			function Read(messageid,flag){
				with(document.cscform){
					if(messageid.value!=""){
						action ="PM_REPLY.jsp"
						__oldmID.value=""+messageid;
						__oldflag.value=""+flag;
						submit();
					}else{
						alert(MyCode[0]);
						messageid.focus();
						messageid.select();
					}
				}
			}

			$(document).ready(function(e){

				$(".btn-compose").hover(function(){
					$(this).addClass("btn-compose-hover");
					$(this).removeClass("btn-compose-unhover");
				},function(){
					
					$(this).addClass("btn-compose-unhover");
					$(this).removeClass("btn-compose-hover");
					
				});

				$(".btn-compose").click(function(){
					$(".pm-list-menu").removeClass("pm-list-menu-active");

					$("#pmbody").animate({opacity:'-=1'},150);
					
					var mypmbody=function(){
						$("#pmbody").attr('src','PM_COMPOSE.jsp');
					};

					setTimeout(mypmbody,100);
					
					$("#pmbody").load(function(){
						var changeopa=function(){
							$("#pmbody").animate({opacity:'+=1'},150);
						};

						setTimeout(changeopa,200);
					});
				});

				$(".pm-list-menu").click(function(){
					$(".pm-list-menu").removeClass("pm-list-menu-active");

					var mytargetpage=$(this).data("page");

					$("#pmbody").animate({opacity:'-=1'},150);

					var mypmbody=function(){
						$("#pmbody").attr('src',mytargetpage);
					};

					setTimeout(mypmbody,100);
					
					$("#pmbody").load(function(){
						var changeopa=function(){
							$("#pmbody").animate({opacity:'+=1'},150);
						};

						setTimeout(changeopa,200);
					});

					$(this).addClass("pm-list-menu-active");
				});

				$("tbody tr").hover(function(){
					$(this).find(".trash-inline").find("a").attr("disabled",false);
					$(this).find(".trash-inline").addClass("trash-inline-hover");
				},function(){
					$(this).find(".trash-inline").find("a").attr("disabled",true);
					$(this).find(".trash-inline").removeClass("trash-inline-hover");
					
				});
				if ($(".pm-inbox").hasClass("pm-list-menu-active")){
					$("#pmbody").animate({opacity:'-=1'},100);

					var mypmbody=function(){
						$("#pmbody").attr('src','PM_LISTPM.jsp');
					};

					setTimeout(mypmbody,100);

					var changeopa=function(){
						$("#pmbody").animate({opacity:'+=1'},100);
					};

					setTimeout(changeopa,200);
				}

				$("#pmbody").load(function(){

					$("#pmbody").contents().find(".private-list").click(function(){ 
						$("#pmbody").contents().find("#pmFrame").css("opacity","-1");
						//$("#pmbody").contents().find("#pmFrame").animate({opacity:'-=1'},50);
						$("#pmbody").contents().find(".private-list").removeClass("private-list-active");

						$(this).addClass("private-list-active");
						var msgid=$(this).data("msgid");
						var flag=$(this).data("flag");
						var replyid=$(this).data("reply");
						var pages="PM_MESSAGE.jsp?__oldmID="+msgid+"&__oldflag="+flag+"&__cmd=''&__screen='PM_INBOX'&replyid="+replyid;
						
						var body_event=function(){
							$("#pmbody").contents().find("#pmFrame").attr("src",pages);
							$("#pmbody").contents().find("#pmFrame").css("opacity","1");
							/*$("#pmbody").contents().find("#pmFrame").animate({
								opacity:'+=1'
							},50);*/
						}
						
						setTimeout(body_event,50);

						/*var shows=function(){
							$("#pmbody").contents().find("#pmFrame").animate({
								opacity:'+=1'
							},50);
						};

						setTimeout(shows,100);*/
						$(this).removeClass("private-unread");
						
					});

					$("#pmbody").contents().find("#pmFrame").load(function(){
						$(this).contents().find('.reply').click(function(){
							$("#pmbody").contents().find("#pmFrame").animate({opacity:'-=1'},100);

							var msgid=$("#pmbody").contents().find(".private-list-active").data("msgid");
							var pages="PM_REPLY.jsp?__oldmID="+msgid;
							
							var body_event=function(){
								$("#pmbody").contents().find("#pmFrame").attr("src",pages);
							}

							setTimeout(body_event,100);

							var shows=function(){
								$("#pmbody").contents().find("#pmFrame").animate({
									opacity:'+=1'
								},100);
							};

							$("#pmbody").contents().find("#pmFrame").load(function(){
								shows();
							});
						});

						$(this).contents().find(".send-reply").click(function(){
							$("#pmbody").animate({opacity:'-=1'},100);

							var mypmbody=function(){
								$("#pmbody").attr('src','PM_LISTPM.jsp');
							};

							setTimeout(mypmbody,100);

							var changeopa=function(){
								$("#pmbody").animate({opacity:'+=1'},100);
								$(".pm-list-menu").removeClass("pm-list-menu-active");
								$(".pm-inbox").addClass("pm-list-menu-active");
							};

							setTimeout(changeopa,200);
							
						});
					});

					$("#pmbody").contents().find('.send-new').click(function(){
						$("#pmbody").animate({opacity:'-=1'},150);

						var mypmbody=function(){
							$("#pmbody").attr('src','PM_LISTPM.jsp');
						};

						setTimeout(mypmbody,150);

						var changeopa=function(){
							$("#pmbody").animate({opacity:'+=1'},100);
						};
						setTimeout(changeopa,200);
						$(".pm-inbox").addClass("pm-list-menu-active");
					
					});
				});
			});
		</script>

		<section class="pm">
			<form name="cscform" method="post" action="PM_REPLY.jsp">
				<input type="hidden" name="__screen" value="PM_INBOX">
				<input type="hidden" name="__cmd" value="">
				<input type="hidden" name="__help" value="">	
				<input type="hidden" name="__oldmID" value=""	>
				<input type="hidden" name="__oldflag" value="">
				<script language="javascript">getInputFormatDate();</script>
				<div class="container-98 container csc-content">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							
							<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3">
								<div class="pm-list">
									<div class="pm-list-head"><a href="#" class="btn btn-compose" id='new' data-page='PM_COMPOSE.jsp' swlang code='SW012486'>New</a></div>
									
									<div class="pm-list-title" swlang code='SW002090'>Private Message</div>
									<a href="#" class="pm-list-menu pm-inbox pm-list-menu-active" data-page='PM_LISTPM.jsp'swlang code='SW002069'>Inbox</a>
									<a href="#" class="pm-list-menu pm-sendbox" data-page='PM_OUTBOX.jsp' swlang code='SW002071'>Sentbox</a>
								</div>
							</div>
							
							<div class="col-lg-10 col-md-9 col-sm-9 col-xs-9">
								<iframe class="cscframe" name="pmbody" id="pmbody" src="about:blank">
								</iframe>
							</div>

						</div>
					</div><!-- end row -->
				</div><!--  end container -->
			</form>
		</section>
	</body>
</html>