http://gocheok-sc.or.kr/lib/js/common.js;jsessionid=E3896A9A87B27E5CD68199D7186B549F.t2

1$(document).ready(function(){
2
3	// mobile search
4
5	$('.search_m').on('click', function(){
6		$('#header').toggleClass('m_header_on');
7		$('.h_search').slideToggle(0);
8		
9		var src = ($(this).find('img').attr("src") === "/resources/images/common/m_sch_btn.png")
10			? "/resources/images/common/m_close_btn.png" 
11			: "/resources/images/common/m_sch_btn.png";
12		$(this).find('img').attr("src", src);
13	});
14
15});
16
17//mobile side menu
18$(function(){
19	// drawer menu show hide
20	var movePs = $("#naviMenu").outerWidth();
21	$("#naviMenu").css('right', -1000).hide();
22
23	function navClose() {
24		$('#naviMenu').removeClass('open').css('top',0).find('>div').addBack().css('height',$(window).height());
25		//$(".headerCom").removeClass("naviOpen");
26		$("html, body").css({'overflow':'auto'});
27		$(window).css({'overflow':'auto'});
28		$(".wrap").css({'height':'auto', 'overflow':'auto'}).stop().animate({"right": 0}, 200);
29		$("#naviMenu").css('top',0).stop().animate({'top':0, "right": -1000}, 200,function(){$(this).hide();});
30		$(".dmm").remove();
31
32		if($('#container').find('div').hasClass('lnbWrap')){
33			//$('.lnbWrap, .prdList').css({'position':'fixed'});
34		} else {
35			//$('#lnb, .prdList').css({'position':'fixed'});
36		}
37	}
38
39	function navOpen() {
40		$('#naviMenu').css('top',0).find('>div').addBack().css('height',$(window).height());
41		//$(".headerCom").addClass("naviOpen");
42		$("html, body").css({'overflow':'hidden'});
43		$(window).css({'overflow':'hidden'});
44		$("body").append('<div class="dmm"></div>');
45		$(".wrap").css({'height':$(window).height(), 'overflow':'hidden'}).stop().animate({"right": movePs}, 200);
46		$("#naviMenu").addClass('open').css('top',0).show().stop().animate({'top':0, "right": 0}, 200);
47
48		if($('#container').find('div').hasClass('lnbWrap')){
49			//$('.lnbWrap, .prdList').css({'position':'fixed'});
50		} else {
51			//$('#lnb, .prdList').css({'position':'absolute'});
52		}
53		$('.dmm').click(function(){
54			navClose();
55		});
56
57		setTimeout( gnbPostionSet, 200 );
58	}
59
60	function gnbPostionSet()
61	{
62		var arrTop = [56,133,210,287,364,441];
63		var arrTopPos = [0,-75,-150,-225,-300,-375];
64
65		$(".gnb").each( function ( i ) {
66			var t = arrTop[i];
67			$(this).css("top", t );
68			$(this).find("a").css("background-position", "0px " + arrTopPos[i] + "px");
69		});
70	}
71
72	$(window).resize(function(){
73		if($('#naviMenu').hasClass('open')){
74			$('#naviMenu').css({'top':0, 'right':0}).find('>div').addBack().css('height',$(window).height());
75		} else {
76			$('#naviMenu').css({'top':0, 'right':-1000}).find('>div').addBack().css('height',$(window).height());
77		}
78	});
79
80	$(".menuCtg li.menu_1").addClass("on")
81	$(".btnCtg").click(function() {
82		navOpen();
83	});
84	
85	$("#naviMenu .close").click(function() {
86		navClose();
87	});
88
89	// drawer menu click
90
91	$(".menuCtg .gnb").click(function(){
92		$("li").has($(this)).siblings("li").removeClass("on");
93		$("li").has($(this)).addClass("on");
94	});
95
96	$(".menuCtg .mnTit").click(function(e){
97		$(this).parent().parent().siblings("li").removeClass("on");
98		if ($(this).parent().find("ul").css('display') == 'block') {
99			$(this).parent().removeClass("on");
100		}else {
101			$(this).parent().parent().addClass("on");
102		}
103		e.preventDefault();
104	});
105
106	$(".menuCtg .subTit").click(function(){
107		$(this).parent().siblings("li").removeClass("on");
108		if ($(this).parent().find(".sub").css('display') == 'block') {
109			$(this).parent().removeClass("on");
110		}else {
111			$(this).parent().addClass("on");
112		}
113	});
114
115	$(".menuCtg .subTit").each(function() {
116		if ($(this).parent().find(".sub").length < 1) {
117			$(this).parent().addClass("subNo");
118		}
119	});
120
121	$(".sideMn").addClass("mn1");
122	$(".menuCtg .gnb").bind("click", function (e) {
123		var i = $("li").has($(this)).index();
124		$(".sideMn").attr('class', 'sideMn');
125		$(".sideMn").addClass("mn" + i);
126	});
127	
128	//관련사이트
129	$('.btn_family').click(function () {
130		$(this).toggleClass('open');
131		$('.familyList').toggleClass('open').slideToggle(300);
132		if($(".btn_family").hasClass("open") === true) {
133			$(this).attr("title","MOU 기관 홈페이지 목록 닫기"); 
134		}else{
135			$(this).attr("title","MOU 기관 홈페이지 목록 열기");
136		}
137	});					
138
139	$('.familyList a').click(function () {
140		$(".btn_family").text($(this).text());
141
142		$(this).toggleClass('open');
143		$('.familyList').toggleClass('open').slideToggle(300);
144	});
145	
146	//검색
147	$("a.sch_btn").click(function(){
148		$(".sch_form").css("display","block");
149		$("a.sch_btn").css("display","none");
150		$("a.close_btn").css("display","block");
151	});
152	$("a.close_btn").click(function(){
153		$(".sch_form").css("display","none");
154		$("a.sch_btn").css("display","block");
155		$("a.close_btn").css("display","none");
156	});	
157	
158});
159
160//***************************************************************************
161//Function : GetCharLength
162//Description : 문자셋으로 변경된 문자를 비교 한글여부 확인
163//Argument	: chStr - string
164//Return : 2(한글) / (1)영문및숫자
165//Event : 
166//***************************************************************************
167function GetCharLength(chStr) {
168	if (chStr.substring(0, 2) == '%u') {
169		if (chStr.substring(2, 4) == '00')
170			return 1;
171		else
172			return 2;        //한글 
173	} else if (chStr.substring(0, 1) == '%') {
174		if (parseInt(chStr.substring(1, 3), 16) > 127) 
175			return 2;        //한글 
176		else
177			return 1; 
178	} else {
179		return 1; 
180	}
181}
182
183//***************************************************************************
184//Function : chkKor
185//Description : 입력받은 값의 length 계산시 한글을 2 Byte로 
186//            영문과 숫자는 1 Byte로 처리하여 문자열의 길이를 구함
187//Argument	: str - string
188//Return : int (입력된 문자의 byte 길이)
189//Event : 
190//***************************************************************************
191function chkKor( str ) {
192	var i; 
193	var ch; 
194	var rtnValue = 0;
195	
196	for (i = 0; i < str.length; i++) { 
197		ch = escape(str.charAt(i));        //ISO-Latin-1 문자셋으로 변경 
198		// 가 ==> %uAC00 
199		// 힝 ==> %uD79D 
200		// 힣 ==> %uD7A3 
201		

202		rtnValue = rtnValue + GetCharLength(ch);
203	}
204
205	return rtnValue; 
206}
207
208//***************************************************************************
209//Function : checkKL_cut
210//Description : 문자열을 제한된 길이까지 byte체크해서 자름
211//Argument	: str - string  ,  MAX_LEN - int
212//Return : string
213//Event : 
214//***************************************************************************
215function checkKL_cut(str, MAX_LEN)
216{
217	 var sumlength=0;
218	 var restr='';
219
220	 for(var i= 0;i < str.length; i++)
221	 {
222		  ch = escape(str.charAt(i));        //ISO-Latin-1 문자셋으로 변경 
223
224		  if ( MAX_LEN < (sumlength + GetCharLength(ch)) ) { break; }
225
226		  sumlength += GetCharLength(ch);
227		  restr += str.charAt(i);
228	 }
229
230	 return (restr);
231}
232//***************************************************************************
233//Function : checkKL
234//Description : 텍스트 박스의 길이 체크, 길이가 넘으면 메세지 후 자름
235//Argument : Tar - TextBox  ,  Val - int
236//Return : TextBox
237//Event : onChange, onKeyDown, onKeyUp, onClick
238//***************************************************************************
239function checkKL(Tar, Val) {
240	str = Tar.value;
241	byteLen = chkKor(str);
242
243	if (byteLen > parseInt(Val)){
244		alert(Val+"byte 제한을 넘아갔습니다. 문자는 제한된 길이로 자동으로 삭제됩니다.");
245		
246		Tar.value = checkKL_cut(str,parseInt(Val));
247		return 0;
248	}
249
250	return 1;
251}