https://icoop.coop/js/common.js

1$(function(){
2	// Mobile Ui 
3	
4	var mobile = {
5		open : function(){
6			$('.mo_menu').stop().animate({'left':'0'},400,'easeInOutQuad');
7		},
8		close : function(){
9			$('.mo_menu').stop().animate({'left':'-200%'}, 400, 'easeInOutQuad');
10		},
11		down : function(target){
12			$(target).addClass('on');
13			$(target).next().stop().slideDown(400,'easeInOutQuad');
14			
15		},
16		up : function(target){
17			$(target).removeClass('on');
18			$(target).next().stop().slideUp(400, 'easeInOutQuad');
19		},
20		siblingsUp : function(target){
21			$(target).parent().siblings('li').children('a').removeClass('on');
22			$(target).parent().siblings('li').children('ul').stop().slideUp(400, 'easeInOutQuad');
23		},
24		bgOn : function(){
25			$('.mbg').stop().fadeIn(400);
26		},
27		bgOff : function(){
28			$('.mbg').stop().fadeOut(400);
29		}
30	}
31	$('.depth1 > li > a').on({
32		mouseover : function(){
33			$(this).parent('li').addClass('on');
34			$('.depth2').stop().slideDown(200);
35		},
36		mouseleave : function() {
37			$(this).removeClass('on');
38			$('.depth2').stop().slideUp(200);
39		}
40	});
41	$('.depth2').on({
42		mouseover : function(){
43			$('.depth2').stop().slideDown(200);
44		},
45		mouseleave : function(){
46			$('.depth2').stop().slideUp(200);
47		}
48	})
49	$('.depth2 .inner > li > ul').on({
50		mouseover : function(){
51			var idxNum = $(this).parent('.sort_li').index();
52			$('.depth1 > li').eq(idxNum).addClass('on');
53			
54		},
55		mouseleave : function() {
56			var idxNum = $(this).parent('.sort_li').index();
57			$('.depth1 > li').eq(idxNum).removeClass('on');
58			
59		}
60	});
61	
62	var fsSwitch = true;
63	$('.fs_btn').on('click',function(){
64		if(fsSwitch){
65			$('.fs_btn').addClass('on');
66			$('.family_site').stop().slideDown(200);
67			fsSwitch = false;
68		}else{
69			$('.fs_btn').removeClass('on');
70			$('.family_site').stop().slideUp(200);
71			fsSwitch = true;
72		}
73	});
74	$(document).on('click', '.menu1 > li > a', function(){
75		if($(this).parent().hasClass('on')){
76			$(this).parent().find('.menu2').stop().slideUp(200);
77			$(this).parent().removeClass('on');
78		}else{
79			$(this).parent().siblings().removeClass('on')
80			$(this).parent().siblings().find('.menu2').stop().slideUp(200);
81			$(this).parent().find('.menu2').stop().slideDown(200);
82			$(this).parent().addClass('on');
83		}
84	})
85	$(document).on('click', '.gnb_btn', function(){
86		$('body').css('overflow', 'hidden')
87		$('#mo_menu').stop().animate({'left':'0'}, 400, 'easeInOutQuad');
88		$('#bar1').stop().animate({left:'200%'}, 1200, 'easeInOutQuad');
89		$('.side_bar').stop().animate({'right':'-150%'}, 600, 'easeInOutQuad');
90	})
91	$(document).on('click', '.gnb_close', function(){
92		$('body').css('overflow', 'auto')
93		$('#mo_menu').stop().animate({'left':'200%'}, 400, 'easeInOutQuad');
94	})
95	$('.mo_open').on('click',function(){
96		mobile.open();
97		mobile.bgOn();
98		//$('html,body').css({'overflow':'hidden' , 'height' : '100%'});
99		//$.fn.fullpage.setAutoScrolling(false);
100	});
101	$('.mo_close').on('click',function(){
102		mobile.close();
103		mobile.bgOff();
104		//$('html,body').css({'overflow':'visible' , 'height' : 'initial'});
105	});
106
107	$('.mgnb .depth1 > li > a').on('click',function(){
108		mobile.siblingsUp(this);
109		if($(this).hasClass('on')){
110			mobile.up(this);
111		}else{
112			mobile.down(this);
113		}
114	});
115	
116	$(document).on('click', '.util_link', function(){
117		if($('.side_bar').hasClass('on')){
118			$('.side_bar').removeClass('on')
119			$('.side_bar').stop().animate({'right':'-150%'}, 600, 'easeInOutQuad');
120		}else{
121			$('.side_bar').addClass('on')
122			$('.side_bar').stop().animate({'right':'0'}, 600, 'easeInOutQuad');		
123			$('#mo_menu').stop().animate({'left':'200%'}, 400, 'easeInOutQuad');
124		}
125	})
126	$('.srch_btn').on('click', function(){
127		if($('#bar1').hasClass('on')){
128			$('#bar1').removeClass('on');
129			$('#bar1').stop().animate({left:'200%'}, 1200, 'easeInOutQuad');
130		}else{
131			$('#bar1').addClass('on');
132			$('#bar1').stop().animate({left:0}, 600);
133			$('#mo_menu').stop().animate({'left':'200%'}, 400, 'easeInOutQuad');
134			$('.side_bar').stop().animate({'right':'-150%'}, 600, 'easeInOutQuad');
135		}
136	});
137
138});
139
140
141
142$(document).on('mouseover', '.depth1 li', function(){
143	$(this).addClass('on');
144})
145$(document).on('mouseleave', '.depth1 li', function(){
146	$(this).removeClass('on');
147})
148
149/* 삭제하지 말것 */
150String.prototype.replaceAll = function(org, dest) {
151    return this.split(org).join(dest);
152}
153
154function refresh_captcha(){
155	document.getElementById("capt_img").src="/include/captcha.php?waste="+Math.random(); 
156	return false;

157}
158
159
160/* - - - - - - - - - */