From 23cd8163e8e65125aa624ef8781d0c75dba17d3a Mon Sep 17 00:00:00 2001
From: minuk926 <minuk926@gmail.com>
Date: Mon, 31 Oct 2022 13:49:22 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20css=20=EA=B2=BD=EB=A1=9C=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../biz/cmm/anonymous/XitUserReg_input.jsp    |  72 ++--
 .../jsp/framework/biz/login/XitLoginUsr.jsp   | 367 +++++++++---------
 2 files changed, 229 insertions(+), 210 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/XitUserReg_input.jsp b/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/XitUserReg_input.jsp
index 65fa268f..05194258 100644
--- a/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/XitUserReg_input.jsp
+++ b/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/anonymous/XitUserReg_input.jsp
@@ -6,11 +6,11 @@
 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
 <%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
 
-
+<link href="<c:url value='/resources/framework/css/cmmn/common-style.css'/>" rel="stylesheet" type="text/css" >
 <script type="text/javascript" src="<c:url value="/_anonymous_/login/validator.do"/>"></script>
 <validator:javascript formName="userManageVO" staticJavascript="false" xhtml="true" cdata="false"/>
 <script type="text/javascript" src="<c:url value='/resources/framework/js/egov/EgovZipPopup.js' />" ></script>
-<script type="text/javaScript" language="javascript" defer="defer">
+<script type="text/javaScript">
 function fnIdCheck(){
     var retVal;
     var url = "<c:url value='/_anonymous_/login/IdDuplCnfirm.do'/>";
@@ -121,6 +121,7 @@ table {
 	<div id="search_field" >
 	    <div id="search_field_loc"><h2><strong>업무사용자 등록</strong></h2></div>
 	</div>
+	<%--@elvariable id="userManageVO" type=""--%>
 	<form:form commandName="userManageVO" action="${pageContext.request.contextPath}/_anonymous_/login/UserReg_insert_proc.do" name="userManageVO" method="post" >
 	    <!-- 우편번호검색 -->
 	    <input type="hidden" name="zip_url" value="<c:url value='/_cmmn_/popup/ZipSearchList.do'/>" />
@@ -128,8 +129,8 @@ table {
 	    <div class="modify_user"> 
 	        <table class="tbl02">
 	            <tr> 
-	                <th width="15%" height="23" class="required">사용자아이디
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="15%" height="23" class="required">
+						<label>사용자아이디</label>
 	                </th>
 	                <td width="35%" >
 	                    <input type="text" size="20" maxlength="20" disabled="disabled" id="id_view" name="id_view" style="width: 60%">
@@ -140,7 +141,9 @@ table {
 	                    </a>
 	                    <form:errors path="emplyrId" cssClass="error"/>                    
 	                </td>
-	                <th width="15%" height="23" class="required">핸드폰번호&nbsp;&nbsp;</th>
+					<th width="15%" height="23" class="required">
+						<label>핸드폰번호&nbsp</label>
+					</th>
 	                <td width="35%" >
 	                    <form:input path="moblphonNo" id="moblphonNo" title="핸드폰번호" cssClass="txaIpt" size="20" maxlength="15" />
 	                    <form:errors path="moblphonNo" cssClass="error" />
@@ -148,15 +151,15 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="15%" height="23" class="required"  >비밀번호
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="15%" height="23" class="required">
+						<label>비밀번호</label>
 	                </th>
 	                <td width="35%" >
 	                    <form:password path="password" id="password" title="비밀번호" size="20" maxlength="20" />
 	                    <form:errors path="password" cssClass="error" />
 	                </td>
-	                <th width="15%" height="23" class="required"  >비밀번호확인
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="15%" height="23" class="required" >
+						<label>비밀번호확인</label>
 	                </th>
 	                <td width="35%" >
 	                    <input name="password2" id="password2" title="비밀번호확인" type="password" size="20" maxlength="20" />
@@ -164,8 +167,8 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="15%" height="23" class="required"  >비밀번호힌트
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="15%" height="23" class="required">
+						<label>비밀번호힌트</label>
 	                </th>
 	                <td width="35%" >
 	                    <form:select path="passwordHint" id="passwordHint" title="비밀번호힌트">
@@ -174,8 +177,8 @@ table {
 	                    </form:select>
 	                    <form:errors path="passwordHint" cssClass="error"/>
 	                </td>
-	                <th width="15%" height="23" class="required" >비밀번호정답
-	                <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="15%" height="23" class="required">
+						<label>비밀번호정답</label>
 	                </th>
 	                <td width="35%" >
 	                    <form:input path="passwordCnsr" id="passwordCnsr" title="비밀번호정답" cssClass="txaIpt" size="50" maxlength="100" />
@@ -184,14 +187,16 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="20%" height="23" class="required">이름
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="20%" height="23" class="required">
+						<label>이름</label>
 	                </th>
 	                <td width="30%" >
 	                    <input name="emplyrNm" id="emplyrNm" title="사용자이름" type="text" size="20" value="" maxlength="60" />
 	                    <form:errors path="emplyrNm" cssClass="error" />
 	                </td>
-	                <th width="20%" height="23" class="required">소속기관</th>
+	                <th width="20%" height="23" class="required">
+						<label>소속기관</label>
+					</th>
 	                <td width="30%" >
 	                    <form:select path="insttCode" id="insttCode" title="소속기관">
 	                        <form:option value="" label="--선택하세요--"/>
@@ -202,8 +207,8 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="20%" height="23" class="required">조직코드
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="20%" height="23" class="required">
+						<label>조직코드</label>
 	                </th>
 	                <td width="30%" >
 	                    <form:select path="orgnztId" id="orgnztId" title="부서">
@@ -212,7 +217,9 @@ table {
 	                    </form:select>
 	                    <form:errors path="orgnztId" cssClass="error"/>
 	                </td>
-	                <th width="20%" height="23" class="required"  >직위명</th>
+	                <th width="20%" height="23" class="required">
+						<label>직위명</label>
+					</th>
 	                <td width="30%" >
 	                    <form:input path="ofcpsNm" id="ofcpsNm" title="직위명" cssClass="txaIpt" size="20" maxlength="30" />
 	                    <form:errors path="ofcpsNm" cssClass="error" />
@@ -220,12 +227,15 @@ table {
 	            </tr>
 	
 	            <tr>
-	                <th width="20%" height="23" class="required">이메일주소</th>
+	                <th width="20%" height="23" class="required">
+						<label>이메일주소</label>
+					</th>
 	                <td width="30%">
 	                    <form:input path="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" />
 	                    <form:errors path="emailAdres" cssClass="error" />
 	                </td>
-	                <th width="20%" height="23" class="required">집전화지역번호
+	                <th width="20%" height="23" class="required">
+						<label>집전화지역번호</label>
 	                </th>
 	                <td width="30%" >
 	                    <form:input path="areaNo" id="areaNo" title="areaNo" cssClass="txaIpt" size="5" maxlength="5" />
@@ -238,12 +248,16 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="20%" height="23" class="required">사무실전화번호</th>
+	                <th width="20%" height="23" class="required">
+						<label>사무실전화번호</label>
+					</th>
 	                <td width="30%" >
 	                    <form:input path="offmTelno" id="offmTelno" title="사무실전화번호" cssClass="txaIpt" size="20" maxlength="15" />
 	                    <form:errors path="offmTelno" cssClass="error" />
 	                </td>
-	                <th width="20%" height="23" class="required">팩스번호</th>
+	                <th width="20%" height="23" class="required">
+						<label>팩스번호</label>
+					</th>
 	                <td width="30%" >
 	                    <form:input path="fxnum" id="fxnum" cssClass="txaIpt" title="팩스번호" size="20" maxlength="15" />
 	                    <form:errors path="fxnum" cssClass="error" />
@@ -251,7 +265,9 @@ table {
 	            </tr>
 	
 	            <tr>
-	                <th width="20%" height="23" class="required">주소</th>
+	                <th width="20%" height="23" class="required">
+						<label>주소</label>
+					</th>
 	                <td width="30%" >
 	                    <form:input path="homeadres" id="homeadres" title="주소" cssClass="txaIpt" size="40" maxlength="100" readonly="true" cssStyle="width: 60%"/>
 	                    <form:errors path="homeadres" cssClass="error" />
@@ -263,7 +279,9 @@ table {
 	                    <form:errors path="zip" cssClass="error" />
 	                    <input name="zip_view" id="zip_view" type="hidden" title="우편번호" size="20" value="<c:out value='${userManageVO.zip}'/>"  maxlength="8" readonly="readonly" />
 	                </td>
-	                <th width="20%" height="23" class="required"  >상세주소</th>
+	                <th width="20%" height="23" class="required"  >
+						<label>상세주소</label>
+					</th>
 	                <td width="30%" >
 	                    <form:input path="detailAdres" id="detailAdres" title="상세주소" cssClass="txaIpt" size="40" maxlength="50" />
 	                    <form:errors path="detailAdres" cssClass="error" />
@@ -271,8 +289,8 @@ table {
 	            </tr>
 	
 	            <tr> 
-	                <th width="20%" height="23" class="required">그룹아이디
-	                    <img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" />
+	                <th width="20%" height="23" class="required">
+						<label>그룹아이디</label>
 	                </th>
 	                <td colspan="3" width="30%">
 	                    <form:select path="groupId" id="groupId" title="그룹아이디">
diff --git a/src/main/webapp/WEB-INF/jsp/framework/biz/login/XitLoginUsr.jsp b/src/main/webapp/WEB-INF/jsp/framework/biz/login/XitLoginUsr.jsp
index f5f36e9f..d09a5058 100644
--- a/src/main/webapp/WEB-INF/jsp/framework/biz/login/XitLoginUsr.jsp
+++ b/src/main/webapp/WEB-INF/jsp/framework/biz/login/XitLoginUsr.jsp
@@ -12,190 +12,9 @@
 <head>
 <meta http-equiv="Content-Language" content="ko" >
 <title>로그인</title>
-<link href="<c:url value='/'/>resources/css/common.css" rel="stylesheet" type="text/css" >
-<link href="<c:url value='/'/>resources/css/login.css" rel="stylesheet" type="text/css" >
-<script type="text/javascript" src="<c:url value='/'/>resources/3rd-party/jquery/3.6.1/jquery.min.js"></script>
-<%-- <link href="<c:url value='/'/>resourcescss/style.css" rel="stylesheet" type="text/css" > --%>
-<script type="text/javascript">
+<link href="<c:url value='/'/>resources/framework/css/common.css" rel="stylesheet" type="text/css" >
+<link href="<c:url value='/'/>resources/framework/css/login.css" rel="stylesheet" type="text/css" >
 
-
-/**
- * 로그인 
- */
-function actionLogin() {
-
-    if (document.loginForm.id.value =="") {
-        alert("아이디를 입력하세요");
-        return false;
-    } else if (document.loginForm.password.value =="") {
-        alert("비밀번호를 입력하세요");
-        return false;
-    } else {
-        document.loginForm.action="<c:url value='/login/actionSecurityLogin.do'/>";
-        //document.loginForm.j_username.value = document.loginForm.userSe.value + document.loginForm.username.value;
-        //document.loginForm.action="<c:url value='/j_spring_security_check'/>";
-        document.loginForm.submit();
-    }
-}
-
-/**
- * 쿠키 설정
- */
-function setCookie (name, value, expires) {
-    document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
-}
-
-/**
- * 쿠키 조회
- *  -쿠키에 저장된 목록을 조회 한다.
- */
-function getCookie(Name) {
-    var search = Name + "="
-    if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
-        offset = document.cookie.indexOf(search)
-        if (offset != -1) { // 쿠키가 존재하면
-            offset += search.length
-            // set index of beginning of value
-            end = document.cookie.indexOf(";", offset)
-            // 쿠키 값의 마지막 위치 인덱스 번호 설정
-            if (end == -1)
-                end = document.cookie.length
-            return unescape(document.cookie.substring(offset, end))
-        }
-    }
-    return "";
-}
-
-/**
- * 쿠키에 ID 저장or제거
- *  -"로그인ID 저장여부"를 check 시 일정기간동안 쿠키에 ID를 저장 한다.
- *  -"로그인ID 저장여부"를 uncheck 시 쿠키에 저장된 ID를 삭제 한다. 
- */
-function saveid(form) {
-    var expdate = new Date();
-    // 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
-    if (form.checkId.checked)
-        expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
-    else
-        expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
-    setCookie("saveid", form.id.value, expdate);
-}
-
-/**
- * 쿠키에 저장된 ID 취득
- *  -저장된 ID가 존재할 경우 "로그인ID 저장여부"항목을 check 설정 한다.
- */
-function getid(form) {
-    form.checkId.checked = ((form.id.value = getCookie("saveid")) != "");
-}
-
-function fnInit() {
-    var message = document.loginForm.message.value;
-    if (message != "") {
-        alert(message);
-    }
-//     getid(document.loginForm);
-    
-    $('#id').focus();
-    
-    CaptchaUtil.init();
-}
-
-
-/**
- * 회원가입 팝업
- */
-function fnReg(){
-	var popUrl ="${ctx}/_anonymous_/login/UserReg_input.do";
-    var popOption = "width=840px, height=500px, resizable=no, scrollbars=yes, location=no, top=100px, left=100px";
-    var target = '사용자등록';
-    
-	window.open(popUrl,target,popOption);
-}
-
-/**
- * 아이디 찾기 팝업
- */
-function fn_FindId(){
-	var popUrl = "${ctx}/login/FindId_input_popup.do";
-	var popOption = "width=500px, height=300x, resizable=no, location=no, top=100px, left100px";
-	var target = '아이디 찾기';
-	
-	window.open(popUrl,target,popOption);
-}
-
-/**
- * 비밀번호 찾기 팝업
- */
-function fn_FindPw(){
-	var popUrl = "${ctx}/login/FindPwd_input_popup.do";
-	var popOption = "width=500px, height=330px, resizable=no, location=no, top=100px, left100px";
-	var target = '비밀번호 찾기';
-	
-	window.open(popUrl,target,popOption);
-}
-
-/**
-* 캡차 인증 도구
-* @date 2020.09.22.
-* @author 박민규
-*/
-var CaptchaUtil = {
-	init: function(){
-		//캡차인증 이미지 출력
-		CaptchaUtil.refresh();
-				
-		
-		//새로고침 버튼 EventListener 설정
-		$('#btn_captchaRefresh').on({
-			click: function(){
-				CaptchaUtil.refresh();
-				
-				return false;
-			}
-		});
-		//자동로그인방지문자 입력란 EventListener 설정
-		$('#captcha').on({
-			keypress: function(){
-				if(event.keyCode==13){
-					actionLogin();
-					
-					return false;
-				}
-			},
-			keyup: function(){
-				this.value = this.value.toLowerCase();
-			}
-		});
-		
-	},
-	refresh: function(){
-		/* ==============================
-		* 2020.09.22 박민규
-		* IE 동작이슈 처리
-		*  -사유: 크롬에서 정상동작 하나 IE에서 img 태그에 이미지가 출력된 상태에서
-		*       document.querySelector('#captchaImg').setAttribute('src', url)를 호출해도 이벤트가 발생하지 않음.
-		*  -해결: 이미지 태그의 src(이미지 경로)를 제거 후 timeout을 이용하여 일정시간 후  document.querySelector('#captchaImg').setAttribute('src', url) 호출
-		============================== */
-		//2020.09.22 주석처리
-// 		var url = '<c:url value="/_anonymous_/captcha.do"/>';
-// 		document.querySelector('#captchaImg').setAttribute('src', url);
-		var url = '<c:url value="/_anonymous_/captcha.do"/>';
-		// IE old version ( IE 10 or Lower ) 
-		if ( navigator.appName == "Microsoft Internet Explorer" ){
-			document.querySelector('#captchaImg').removeAttribute('src');
-			setTimeout(function(){
-				document.querySelector('#captchaImg').setAttribute('src', url);
-			}, 20);
-		}
-		// 그 외 브라우저
-		else{
-			document.querySelector('#captchaImg').setAttribute('src', url);
-		}
-	}	
-}
-
-</script>
 <style type="text/css">
 .captcha_wrap {
 	margin-top: 10px; 
@@ -256,5 +75,187 @@ var CaptchaUtil = {
 			</div>
 		</div>
 	</div>
+	<script type="text/javascript" src="<c:url value='/'/>resources/3rd-party/jquery/3.6.1/jquery.min.js"></script>
+	<%-- <link href="<c:url value='/'/>resourcescss/style.css" rel="stylesheet" type="text/css" > --%>
+	<script type="text/javascript">
+
+
+		/**
+		 * 로그인
+		 */
+		function actionLogin() {
+
+			if (document.loginForm.id.value =="") {
+				alert("아이디를 입력하세요");
+				return false;
+			} else if (document.loginForm.password.value =="") {
+				alert("비밀번호를 입력하세요");
+				return false;
+			} else {
+				document.loginForm.action="<c:url value='/login/actionSecurityLogin.do'/>";
+				//document.loginForm.j_username.value = document.loginForm.userSe.value + document.loginForm.username.value;
+				//document.loginForm.action="<c:url value='/j_spring_security_check'/>";
+				document.loginForm.submit();
+			}
+		}
+
+		/**
+		 * 쿠키 설정
+		 */
+		function setCookie (name, value, expires) {
+			document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
+		}
+
+		/**
+		 * 쿠키 조회
+		 *  -쿠키에 저장된 목록을 조회 한다.
+		 */
+		function getCookie(Name) {
+			var search = Name + "="
+			if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
+				offset = document.cookie.indexOf(search)
+				if (offset != -1) { // 쿠키가 존재하면
+					offset += search.length
+					// set index of beginning of value
+					end = document.cookie.indexOf(";", offset)
+					// 쿠키 값의 마지막 위치 인덱스 번호 설정
+					if (end == -1)
+						end = document.cookie.length
+					return unescape(document.cookie.substring(offset, end))
+				}
+			}
+			return "";
+		}
+
+		/**
+		 * 쿠키에 ID 저장or제거
+		 *  -"로그인ID 저장여부"를 check 시 일정기간동안 쿠키에 ID를 저장 한다.
+		 *  -"로그인ID 저장여부"를 uncheck 시 쿠키에 저장된 ID를 삭제 한다.
+		 */
+		function saveid(form) {
+			var expdate = new Date();
+			// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
+			if (form.checkId.checked)
+				expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
+			else
+				expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
+			setCookie("saveid", form.id.value, expdate);
+		}
+
+		/**
+		 * 쿠키에 저장된 ID 취득
+		 *  -저장된 ID가 존재할 경우 "로그인ID 저장여부"항목을 check 설정 한다.
+		 */
+		function getid(form) {
+			form.checkId.checked = ((form.id.value = getCookie("saveid")) != "");
+		}
+
+		function fnInit() {
+			var message = document.loginForm.message.value;
+			if (message != "") {
+				alert(message);
+			}
+//     getid(document.loginForm);
+
+			$('#id').focus();
+
+			CaptchaUtil.init();
+		}
+
+
+		/**
+		 * 회원가입 팝업
+		 */
+		function fnReg(){
+			var popUrl ="${ctx}/_anonymous_/login/UserReg_input.do";
+			var popOption = "width=840px, height=500px, resizable=no, scrollbars=yes, location=no, top=100px, left=100px";
+			var target = '사용자등록';
+
+			window.open(popUrl,target,popOption);
+		}
+
+		/**
+		 * 아이디 찾기 팝업
+		 */
+		function fn_FindId(){
+			var popUrl = "${ctx}/login/FindId_input_popup.do";
+			var popOption = "width=500px, height=300x, resizable=no, location=no, top=100px, left100px";
+			var target = '아이디 찾기';
+
+			window.open(popUrl,target,popOption);
+		}
+
+		/**
+		 * 비밀번호 찾기 팝업
+		 */
+		function fn_FindPw(){
+			var popUrl = "${ctx}/login/FindPwd_input_popup.do";
+			var popOption = "width=500px, height=330px, resizable=no, location=no, top=100px, left100px";
+			var target = '비밀번호 찾기';
+
+			window.open(popUrl,target,popOption);
+		}
+
+		/**
+		 * 캡차 인증 도구
+		 * @date 2020.09.22.
+		 * @author 박민규
+		 */
+		var CaptchaUtil = {
+			init: function(){
+				//캡차인증 이미지 출력
+				CaptchaUtil.refresh();
+
+
+				//새로고침 버튼 EventListener 설정
+				$('#btn_captchaRefresh').on({
+					click: function(){
+						CaptchaUtil.refresh();
+
+						return false;
+					}
+				});
+				//자동로그인방지문자 입력란 EventListener 설정
+				$('#captcha').on({
+					keypress: function(){
+						if(event.keyCode==13){
+							actionLogin();
+
+							return false;
+						}
+					},
+					keyup: function(){
+						this.value = this.value.toLowerCase();
+					}
+				});
+
+			},
+			refresh: function(){
+				/* ==============================
+                * 2020.09.22 박민규
+                * IE 동작이슈 처리
+                *  -사유: 크롬에서 정상동작 하나 IE에서 img 태그에 이미지가 출력된 상태에서
+                *       document.querySelector('#captchaImg').setAttribute('src', url)를 호출해도 이벤트가 발생하지 않음.
+                *  -해결: 이미지 태그의 src(이미지 경로)를 제거 후 timeout을 이용하여 일정시간 후  document.querySelector('#captchaImg').setAttribute('src', url) 호출
+                ============================== */
+				//2020.09.22 주석처리
+// 		var url = '<c:url value="/_anonymous_/captcha.do"/>';
+// 		document.querySelector('#captchaImg').setAttribute('src', url);
+				var url = '<c:url value="/_anonymous_/captcha.do"/>';
+				// IE old version ( IE 10 or Lower )
+				if ( navigator.appName == "Microsoft Internet Explorer" ){
+					document.querySelector('#captchaImg').removeAttribute('src');
+					setTimeout(function(){
+						document.querySelector('#captchaImg').setAttribute('src', url);
+					}, 20);
+				}
+				// 그 외 브라우저
+				else{
+					document.querySelector('#captchaImg').setAttribute('src', url);
+				}
+			}
+		}
+
+	</script>
 </body>
 </html>