https://www.ulju.ulsan.kr/english/js/main.js

1/**
2 * 대표 포털 메인 스크립트
3 *
4 *
5 * @author J.Ryeon Lee
6 * @since 2015.12.01 *
7 */
8var main = {
9
10	/* ===================================== 메인 이미지 관련 ===================================== */
11
12	visual_box_selector : {
13		container : "#box_visual_container",
14		page : "#current_visual_idx",
15		pause : "#visual_pause",
16		resume : "#visual_resume",
17	},
18
19	visual_box_attr_def : {
20		idx : "data-visual-idx",
21	},
22
23	visual_pause_flag : false,
24	max_visual_idx : -1,
25	active_visual_idx : 1,
26
27	activate_visual : function(idx) {
28		$(main.visual_box_selector.container).children().each(function() {
29			$(this).children().first().removeAttr("class").next().hide().end();
30			if ($(this).attr(main.visual_box_attr_def.idx) == idx) {
31				$(this).children().first().addClass("on").next().show().end();
32				main.active_visual_idx = idx;
33			}
34		});
35	},
36
37	pause_visual : function() {
38		$(main.visual_box_selector.pause).hide();
39		$(main.visual_box_selector.resume).show();
40		main.visual_pause_flag = true;
41	},
42
43	resume_visual : function() {
44		$(main.visual_box_selector.pause).show();
45		$(main.visual_box_selector.resume).hide();
46		main.visual_pause_flag = false;
47	},
48
49	/* ===================================== POPUP 관련 ===================================== */
50
51	popup_box_selector : {
52		container : "#box_popup_container",
53		page : "#active_popup_idx",
54		pause : "#popup_pause",
55		resume : "#popup_resume",
56		prev : "#popup_prev",
57		next : "#popup_next",
58	},
59
60	popup_box_attr_def : {
61		idx : "data-popup-idx",
62	},
63
64	popup_pause_flag : false,
65	max_popup_idx : -1,
66	active_popup_idx : 1,
67
68	pause_popup : function() {
69		main.popup_pause_flag = true;
70		$(main.popup_box_selector.pause).removeAttr("class").addClass("play");
71		$(main.popup_box_selector.pause).attr("onclick", "main.resume_popup(); return false;");
72	},
73
74	resume_popup : function() {
75		main.popup_pause_flag = false;
76		$(main.popup_box_selector.pause).removeAttr("class").addClass("stop");
77		$(main.popup_box_selector.pause).attr("onclick", "main.pause_popup(); return false;");
78	},
79
80	next_popup : function() {
81		if ($(main.popup_box_selector.container).children().length > 1) {
82			$(main.popup_box_selector.container).children().first().hide();
83			$(main.popup_box_selector.container).children().first().next().show().end().appendTo(main.popup_box_selector.container);
84			main.change_active_popup_page();
85		}
86	},
87
88	prev_popup : function() {
89		$(main.popup_box_selector.container).children().first().hide();
90		$(main.popup_box_selector.container).children().last().show().prependTo(main.popup_box_selector.container);
91		main.change_active_popup_page();
92	},
93
94	change_active_popup_page : function() {
95		$(main.popup_box_selector.page).text($(main.popup_box_selector.container).children().first().attr(main.popup_box_attr_def.idx));
96	},
97
98	/* ===================================== BOARD TAB 관련 ===================================== */
99
100	bbs_tab_selector : {
101		container : "#bbs_tab_container",
102	},
103
104	bbs_tab_attr_def : {
105		idx : "data-tab-idx",
106	},
107
108	activate_bbs_tab : function(index) {
109		$(main.bbs_tab_selector.container).children().each(function() {
110			$(this).children().find("a").first().removeAttr("class");
111			$(this).children().first().next().removeAttr("class").next().hide().next().hide().end();
112		});
113
114		var $parent = $("[" + main.bbs_tab_attr_def.idx + "=" + index + "]").parent();
115		$parent.children().first().next().addClass("on").next().show().next().show().end();
116		$parent.children().first().children().first().addClass("onhover");
117	},
118};
119
120/** MAIN VISUAL */
121$(document).ready(function() {
122	main.max_visual_idx = $(main.visual_box_selector.container).children().length;
123
124	setInterval(function() {
125		if (!main.visual_pause_flag && $(main.visual_box_selector.container).children().length > 1) {
126			main.active_visual_idx = main.active_visual_idx == main.max_visual_idx
127				? 1 : main.active_visual_idx + 1;
128			main.activate_visual(main.active_visual_idx);
129		}
130	}, 5000);
131});
132
133/** MAIN POPUP */
134$(document).ready(function() {
135	main.max_popup_idx = $(main.popup_box_selector.container).children().length;
136
137	setInterval(function() {
138		if (!main.popup_pause_flag && $(main.popup_box_selector.container).children().length > 1) {
139			$(main.popup_box_selector.container).children().first().hide().next().show().end().appendTo(main.popup_box_selector.container);
140			main.change_active_popup_page();
141		}
142	}, 3000);
143});
144
145/* ===================================== BOARD ANCHOR 관련 ===================================== */
146
147var anchor_flower = {
148
149	prev : function(selector) {
150		var root_html = !!$(selector).children().first().attr("class")
151			? "<ul class=\"" + $(selector).children().first().attr("class") + "\">"
152			: "<ul>";

153		$(selector).children().last().after($(root_html).html($(selector).children().first().html()));
154		$(selector).children().first().remove();
155	},
156
157	next : function(selector) {
158		var root_html = !!$(selector).children().last().attr("class")
159			? "<ul class=\"" + $(selector).children().last().attr("class") + "\">"
160			: "<ul>";
161		$(selector).children().first().before($(root_html).html($(selector).children().last().html()));
162		$(selector).children().last().remove();
163	},
164
165};