https://www.ssupl.com/data/skin/front/19-07_C/js/top_menu_riding.js

1(function () {
2    'use strict';
3
4    /* 라이딩 용품: 기존 하드코딩 메뉴를 지연 생성하도록 변환한 데이터 */
5    var menuData = [
6   
7    {
8        "name": "헬멧",
9        "url": "/goods/goods_list.php?cateCd=135",
10        "children": [
11            {
12                "name": "풀페이스",
13                "url": "/goods/goods_list.php?cateCd=135008"
14            },
15            {
16                "name": "오픈페이스",
17                "url": "/goods/goods_list.php?cateCd=135011"
18            },
19            {
20                "name": "하프페이스",
21                "url": "/goods/goods_list.php?cateCd=135015"
22            },
23            {
24                "name": "시스템",
25                "url": "/goods/goods_list.php?cateCd=135009"
26            },
27            {
28                "name": "모듈러",
29                "url": "/goods/goods_list.php?cateCd=135016"
30            },
31            {
32                "name": "듀얼스포츠",
33                "url": "/goods/goods_list.php?cateCd=135006"
34            },
35            {
36                "name": "오프로드",
37                "url": "/goods/goods_list.php?cateCd=135005"
38            },
39            {
40                "name": "클래식헬멧",
41                "url": "/goods/goods_list.php?cateCd=135012"
42            },
43            {
44                "name": "10만원 미만 헬멧",
45                "url": "/goods/goods_list.php?cateCd=135013"
46            },
47            {
48                "name": "카본 헬멧",
49                "url": "/goods/goods_list.php?cateCd=135014"
50            },
51            {
52                "name": "레이싱 헬멧",
53                "url": "/goods/goods_list.php?cateCd=135017"
54            }
55        ]
56    },
57    {
58        "name": "헬멧 액세서리",
59        "url": "/goods/goods_list.php?cateCd=176",
60        "children": [
61            {
62                "name": "블루투스",
63                "url": "/goods/goods_list.php?cateCd=176015"
64            },
65            {
66                "name": "블루투스+액션캠",
67                "url": "/goods/goods_list.php?cateCd=176014"
68            },
69            {
70                "name": "액션캠",
71                "url": "/goods/goods_list.php?cateCd=176016"
72            },
73            {
74                "name": "바라클라바|이너캡",
75                "url": "/goods/goods_list.php?cateCd=176009"
76            },
77            {
78                "name": "쉴드",
79                "url": "/goods/goods_list.php?cateCd=176006"
80            },
81            {
82                "name": "핀락|김서림용품",
83                "url": "/goods/goods_list.php?cateCd=176005"
84            },
85            {
86                "name": "헬멧가방|파우치",
87                "url": "/goods/goods_list.php?cateCd=176008"
88            },
89            {
90                "name": "고글",
91                "url": "/goods/goods_list.php?cateCd=176010"
92            },
93            {
94                "name": "헬멧받침",
95                "url": "/goods/goods_list.php?cateCd=176013"
96            },
97            {
98                "name": "기타",
99                "url": "/goods/goods_list.php?cateCd=176012"
100            }
101        ]
102    },
103    {
104        "name": "자켓",
105        "url": "/goods/goods_list.php?cateCd=138",
106        "children": [
107            {
108                "name": "여름용",
109                "url": "/goods/goods_list.php?cateCd=138016"
110            },
111            {
112                "name": "봄|가을",
113                "url": "/goods/goods_list.php?cateCd=138014"
114            },
115            {
116                "name": "겨울용",
117                "url": "/goods/goods_list.php?cateCd=138015"
118            },
119            {
120                "name": "이너프로텍터 자켓",
121                "url": "/goods/goods_list.php?cateCd=138021"
122            },
123            {
124                "name": "저지",
125                "url": "/goods/goods_list.php?cateCd=138022"
126            },
127            {
128                "name": "바람막이",
129                "url": "/goods/goods_list.php?cateCd=138018"
130            },
131            {
132                "name": "여성자켓",
133                "url": "/goods/goods_list.php?cateCd=138020"
134            },
135            {
136                "name": "가죽자켓",
137                "url": "/goods/goods_list.php?cateCd=138019"
138            }
139        ]
140    },
141    {
142        "name": "장갑",
143        "url": "/goods/goods_list.php?cateCd=139",
144        "children": [
145            {
146                "name": "여름용",

147                "url": "/goods/goods_list.php?cateCd=139017"
148            },
149            {
150                "name": "여름 COOL토시",
151                "url": "/goods/goods_list.php?cateCd=139021"
152            },
153            {
154                "name": "가죽 장갑",
155                "url": "/goods/goods_list.php?cateCd=139020"
156            },
157            {
158                "name": "봄|가을",
159                "url": "/goods/goods_list.php?cateCd=139015"
160            },
161            {
162                "name": "겨울용",
163                "url": "/goods/goods_list.php?cateCd=139016"
164            },
165            {
166                "name": "이너글러브",
167                "url": "/goods/goods_list.php?cateCd=139018",
168                "children": [
169                    {
170                        "name": "봄|여름|가을",
171                        "url": "/goods/goods_list.php?cateCd=139018001"
172                    },
173                    {
174                        "name": "겨울",
175                        "url": "/goods/goods_list.php?cateCd=139018002"
176                    }
177                ]
178            },
179            {
180                "name": "방한 토시",
181                "url": "/goods/goods_list.php?cateCd=139019"
182            },
183            {
184                "name": "여성 장갑",
185                "url": "/goods/goods_list.php?cateCd=139022"
186            }
187        ]
188    },
189    {
190        "name": "팬츠",
191        "url": "/goods/goods_list.php?cateCd=141",
192        "children": [
193            {
194                "name": "여름용",
195                "url": "/goods/goods_list.php?cateCd=141008"
196            },
197            {
198                "name": "봄|가을",
199                "url": "/goods/goods_list.php?cateCd=141011"
200            },
201            {
202                "name": "겨울용",
203                "url": "/goods/goods_list.php?cateCd=141009"
204            },
205            {
206                "name": "조거팬츠",
207                "url": "/goods/goods_list.php?cateCd=141012"
208            },
209            {
210                "name": "여성용",
211                "url": "/goods/goods_list.php?cateCd=141013"
212            }
213        ]
214    },
215    {
216        "name": "부츠",
217        "url": "/goods/goods_list.php?cateCd=142",
218        "children": [
219            {
220                "name": "레이싱 롱",
221                "url": "/goods/goods_list.php?cateCd=142014"
222            },
223            {
224                "name": "레이싱 숏",
225                "url": "/goods/goods_list.php?cateCd=142025"
226            },
227            {
228                "name": "시티|어반",
229                "url": "/goods/goods_list.php?cateCd=142019"
230            },
231            {
232                "name": "클래식|워커",
233                "url": "/goods/goods_list.php?cateCd=142026"
234            },
235            {
236                "name": "투어링",
237                "url": "/goods/goods_list.php?cateCd=142015"
238            },
239            {
240                "name": "오프로드|ADV",
241                "url": "/goods/goods_list.php?cateCd=142018"
242            },
243            {
244                "name": "양말",
245                "url": "/goods/goods_list.php?cateCd=142024"
246            },
247            {
248                "name": "레인웨어",
249                "url": "/goods/goods_list.php?cateCd=142027"
250            },
251            {
252                "name": "쉬프트 패드",
253                "url": "/goods/goods_list.php?cateCd=142020"
254            },
255            {
256                "name": "여성용",
257                "url": "/goods/goods_list.php?cateCd=142028"
258            }
259        ]
260    },
261    {
262        "name": "이너웨어",
263        "url": "/goods/goods_list.php?cateCd=143",
264        "children": [
265            {
266                "name": "상의",
267                "url": "/goods/goods_list.php?cateCd=143001"
268            },
269            {
270                "name": "하의",
271                "url": "/goods/goods_list.php?cateCd=143002"
272            }
273        ]
274    },
275    {
276        "name": "레인웨어",
277        "url": "/goods/goods_list.php?cateCd=144",
278        "children": [
279            {
280                "name": "우비",
281                "url": "/goods/goods_list.php?cateCd=144001"
282            },
283            {
284                "name": "부츠",
285                "url": "/goods/goods_list.php?cateCd=144002"
286            },
287            {
288                "name": "글러브",
289                "url": "/goods/goods_list.php?cateCd=144003"
290            },
291            {
292                "name": "기타",
293                "url": "/goods/goods_list.php?cateCd=144004"
294            }
295        ]
296    },
297    {
298        "name": "슈트",
299        "url": "/goods/goods_list.php?cateCd=145"
300    },
301    {
302        "name": "보호대",
303        "url": "/goods/goods_list.php?cateCd=147",
304        "children": [
305            {
306                "name": "상체 풀바디",
307                "url": "/goods/goods_list.php?cateCd=147007"
308            },
309            {
310                "name": "하체 풀바디",
311                "url": "/goods/goods_list.php?cateCd=147013"
312            },
313            {
314                "name": "목",
315                "url": "/goods/goods_list.php?cateCd=147001"
316            },
317            {
318                "name": "가슴",
319                "url": "/goods/goods_list.php?cateCd=147008"
320            },
321            {
322                "name": "어깨",
323                "url": "/goods/goods_list.php?cateCd=147010"
324            },
325            {
326                "name": "척추",
327                "url": "/goods/goods_list.php?cateCd=147009"
328            },
329            {
330                "name": "팔꿈치",
331                "url": "/goods/goods_list.php?cateCd=147003"
332            },
333            {
334                "name": "허리",
335                "url": "/goods/goods_list.php?cateCd=147014"
336            },
337            {
338                "name": "엉덩이",
339                "url": "/goods/goods_list.php?cateCd=147011"
340            },
341            {
342                "name": "무릎|발목",
343                "url": "/goods/goods_list.php?cateCd=147005"
344            },
345            {
346                "name": "기타",
347                "url": "/goods/goods_list.php?cateCd=147006"
348            }
349        ]
350    },
351    {
352        "name": "악세사리",
353        "url": "/goods/goods_list.php?cateCd=150",
354        "children": [
355            {
356                "name": "모자",
357                "url": "/goods/goods_list.php?cateCd=150005"
358            },
359            {
360                "name": "티",
361                "url": "/goods/goods_list.php?cateCd=150007"
362            },
363            {
364                "name": "백팩",
365                "url": "/goods/goods_list.php?cateCd=150008"
366            },
367            {
368                "name": "힙색",
369                "url": "/goods/goods_list.php?cateCd=150009"
370            },
371            {
372                "name": "후드",
373                "url": "/goods/goods_list.php?cateCd=150006"
374            },
375            {
376                "name": "양말",
377                "url": "/goods/goods_list.php?cateCd=150001"
378            },
379            {
380                "name": "조끼",
381                "url": "/goods/goods_list.php?cateCd=150004"
382            },
383            {
384                "name": "키홀더",
385                "url": "/goods/goods_list.php?cateCd=150002"
386            },
387            {
388                "name": "토시",
389                "url": "/goods/goods_list.php?cateCd=150003"
390            },
391            {
392                "name": "기타",
393                "url": "/goods/goods_list.php?cateCd=150010"
394            }
395        ]
396    },
397    {
398        "name": "도난방지",
399        "url": "/goods/goods_list.php?cateCd=151",
400        "children": [
401            {
402                "name": "방수커버",
403                "url": "/goods/goods_list.php?cateCd=151001"
404            },
405            {
406                "name": "디스크락",
407                "url": "/goods/goods_list.php?cateCd=151002"
408            },
409            {
410                "name": "헬멧락",
411                "url": "/goods/goods_list.php?cateCd=151003"
412            },
413            {
414                "name": "체인락",
415                "url": "/goods/goods_list.php?cateCd=151004"
416            },
417            {
418                "name": "경보기",
419                "url": "/goods/goods_list.php?cateCd=151005"
420            },
421            {
422                "name": "기타",
423                "url": "/goods/goods_list.php?cateCd=151006"
424            }
425        ]
426    }
427];
428
429    var rendered = false;
430
431    function createMenu(items, depth) {
432        var list = document.createElement('ul');
433
434        list.className = 'main' + depth;
435

436        items.forEach(function (item) {
437            var listItem = document.createElement('li');
438            var link = document.createElement('a');
439
440            link.href = item.url || '#;';
441            link.textContent = item.name;
442
443            listItem.appendChild(link);
444
445            if (item.children && item.children.length) {
446                listItem.appendChild(
447                    createMenu(item.children, depth + 1)
448                );
449            }
450
451            list.appendChild(listItem);
452        });
453
454        return list;
455    }
456
457    function renderMenu() {
458        var container;
459
460        if (rendered) {
461            return;
462        }
463
464        container = document.getElementById('ssuplRidingMenuContainer');
465
466        if (!container) {
467            return;
468        }
469
470        container.appendChild(createMenu(menuData, 2));
471        container.setAttribute('aria-hidden', 'false');
472        rendered = true;
473    }
474
475    function closeMenu() {
476        var container = document.getElementById('ssuplRidingMenuContainer');
477
478        if (container) {
479            container.setAttribute('aria-hidden', 'true');
480        }
481    }
482
483    function initializeMenu() {
484        var menu = document.getElementById('ssuplRidingMenu');
485
486        if (!menu) {
487            return;
488        }
489
490        menu.addEventListener('mouseenter', renderMenu);
491        menu.addEventListener('focusin', renderMenu);
492        menu.addEventListener('touchstart', renderMenu, {
493            passive: true
494        });
495        menu.addEventListener('mouseleave', closeMenu);
496    }
497
498    if (document.readyState === 'loading') {
499        document.addEventListener('DOMContentLoaded', initializeMenu);
500    } else {
501        initializeMenu();
502    }
503})();