<%@ 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.navigation.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.navigation"/></h3>
				<div class="tooltipBox type01">
					<button type="button" class="page-tip">페이지안내</button>
					<div class="tooltipText">
						<p><s:message code="manager.skin.navigation.caption"/></p>
					</div>
				</div>
			</div>
		</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="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=navigation&amp;pageName=navigation" id="siteSkinHtml"></iframe>
				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=navigation&amp;pageName=navigation" 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();
		});		

		$("#frm").submit(function(){
			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
		});		
	
		/* ]]> */
		</script>
				
	</body>
</html>