<%@ page contentType="text/html;charset=utf-8" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!doctype html>
<html lang="ko">
	<head>
		<title><s:message code="manager.skin.member.title"/></title>
	</head>
	<body>
		<div class="page-title-wrap clear">
			<div class="page-title-inner">
				<h3 class="page-title"><s:message code="manager.skin.tab.alert"/></h3>
				<div class="tooltipBox type01">
					<button type="button" class="page-tip">페이지안내</button>
					<div class="tooltipText">
						<p><s:message code="manager.skin.alert.caption"/></p>
					</div>
				</div>
			</div>
		</div>
		<div class="tab-menu cf">		
			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=message" <c:if test='${alertType == "message"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.message"/></a>
			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=error" <c:if test='${alertType == "error"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.error"/></a>
		</div>
		<div class="layout-content">
			<div class="layout-title">
				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
				<div class="editor-util-btn">
					<button type="button" class="editor-full-btn">에디터 전체화면</button>
				</div>				
			</div>
			<div class="editor">
				<span class="rolling"></span>
				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=alert&amp;pageName=<c:out escapeXml='true' value='${alertType}' />" id="siteSkinHtml"></iframe>
				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=alert&amp;pageName=alert" id="siteSkinCss"></iframe>
			</div>
		</div>
		<div class="btn-area">
			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
		</div>
		
		<script>
		/* <![CDATA[ */

		$("#btnHtml").click(function(){
			$("#siteSkinHtml")[0].contentWindow.jf_submit();
		});

		$("#btnCss").click(function(){
			$("#siteSkinCss")[0].contentWindow.jf_submit();
		});
		
		$("#htmlTab").click(function(){
			$('.skin-tab').removeClass('on');
			$(this).addClass('on');
			$("#siteSkinHtml").show();
			$("#siteSkinCss").hide();
			$("#btnHtml").show();
			$("#btnCss").hide();
		});
		
		$("#cssTab").click(function(){
			$('.skin-tab').removeClass('on');
			$(this).addClass('on');
			$("#siteSkinHtml").hide();
			$("#siteSkinCss").show();
			$("#btnHtml").hide();
			$("#btnCss").show();
		});
		
		
		/* ]]> */
		</script>
		
	</body>
</html>