https://safety.or.kr/resources/safety/js/main.js

1/*function scrollU(){
2$(".scroll_down").animate({bottom:'5%'},500,scrollD)}
3function scrollD(){
4 $(".scroll_down").animate({bottom:'5.3%'},500,scrollU)
5}scrollU();*/
6
7$(".scroll_down").bind("click",function(){
8  $("body,html").stop().animate({scrollTop : ($(this.hash).offset().top) - 0},500);
9})
10
11/*$(function(){
12	$("body").addClass("white");
13})*/
14
15/* 메인 wheel */
16function getScrollDelta() {
17   var delta = 0;
18   if (!event) event = window.event;
19   if (event.wheelDelta) {
20       delta = event.wheelDelta / 120;
21       if (window.opera) delta = -delta;
22   }
23   else if (event.detail) {
24       delta = -event.detail / 3;
25   }
26   return delta;
27}
28function scrollAnimateExec(moveTop) {
29	$("html,body").stop().animate({ scrollTop: moveTop + 'px'}, 800,"easeInOutCubic");
30}
31function normalMain(){
32	var offset = $("#m3 .vertical").outerHeight();
33	var win = $("body").outerHeight();
34	var scrollEvent = false;
35	var elm = ".wheel";
36	
37	if (win > offset){
38		//console.log(win > offset);
39		//console.log("normal");
40		
41		$(elm).each(function (index) {
42			   // 개별적으로 Wheel 이벤트 적용
43				$(this).on("mousewheel DOMMouseScroll", function (e) {
44					
45				     if(event.ctrlKey == true){
46				     }else{
47				    	 e.preventDefault();
48
49				           if(scrollEvent == true) {
50				               return false;
51				           }
52				           scrollEvent = true;
53				           setTimeout(function() {
54				                scrollEvent = false;
55				            }, 50);
56				           var delta = getScrollDelta();
57				           var curTop = $(window).scrollTop();
58				           var moveTop = $(window).scrollTop();
59				           var elmSelecter = $(elm).eq(index);
60						           // 마우스휠을 위에서 아래로
61						           if (delta < 0) {
62						               if(index==3){
63						            	   moveTop = $("#footer").offset().top;
64						               } else {
65										 if ($(elmSelecter).next() != undefined) {
66												 try{
67														 moveTop = $(elmSelecter).next().offset().top;
68												 }catch(e){}
69										 }
70						               }
71						               //$("body").removeClass("white");
72										setTimeout(function(){
73											$('body').removeClass('white');
74										},300);
75						           } else {
76						              // 마우스휠을 아래에서 위로
77						              if(index==0){
78						            	  moveTop = $("body").offset().top;
79						              } else {
80										if ($(elmSelecter).prev() != undefined) {
81										    try{
82										        moveTop = $(elmSelecter).prev().offset().top;
83										    }catch(e){}
84										}
85						              }
86									if(index<=1){
87										//$("body").addClass("white");
88										setTimeout(function(){
89											$('body').addClass('white');
90										},300);
91									}else{
92										setTimeout(function(){
93											$('body').removeClass('white');
94										},300);
95
96										//$("body").removeClass("white");
97					    			}
98					               }
99					    scrollAnimateExec(moveTop);
100				     }
101
102					//footer에서 위로 스크롤
103					$("#footer").on("mousewheel DOMMouseScroll focus", function (e) {
104						e.preventDefault();
105						if(scrollEvent == true) {
106							return false;
107						}
108						scrollEvent = true;
109						setTimeout(function() {
110							scrollEvent = false;
111					    }, 300);
112					
113					   var delta = getScrollDelta();
114					   if(delta >= 0) {
115					        moveTop = $("#m4").offset().top;
116					//console.log("moveTop : " + moveTop);
117					    scrollAnimateExec(moveTop);
118					   }
119					});/* 메인 wheel */
120				});
121			});
122	}else if(win < offset){
123		console.log(win > offset);
124		console.log("height");
125		
126		$(elm).each(function (index) {
127			$(this).on("mousewheel DOMMouseScroll", function () {
128				if(scrollEvent == true) {
129		               return false;
130		           }
131				scrollEvent = false;
132			});
133		})
134	}
135}
136
137$(window).on('load resize', function (){
138	normalMain();
139});
140
141var xmlData = '';
142$.ajax({
143    type:'GET',
144    url:'https://api.rss2json.com/v1/api.json?rss_url=http://www.anjunj.com/news/safetyApi.php',
145    dataType:'jsonp',
146    success:function(result){
147        var $target = $('#m3 .right .bbs-main');
148        var list = result.items;
149        
150        var today = new Date();
151        var year = today.getFullYear();

152        var month = today.getMonth() + 1;
153        
154        if(month < 10){
155        	month = '0' + month;
156        }
157        
158        var date = today.getDate();
159        
160        if(date < 10){
161        	date = '0' + date;
162        }
163        
164        var now = year + '-' + month + '-' + date;
165
166        for(var i=3; i>=0; i--){
167            if(list[i] != null){
168                var pubDay = list[i].pubDate.split(' ')[0];
169                pubDay = pubDay.replace(/\-/gi, '-');
170                
171                console.log(now);
172                console.log(pubDay);
173                
174                var pubYear = pubDay.split('-')[0];
175                var pubMonth = pubDay.split('-')[1];
176                var pubDate = pubDay.split('-')[2];
177
178                xmlData += '<li>';
179                xmlData +=  '<a target="_blank" href="'+list[i].link+'">';
180                if(i == 3) {
181                    xmlData +=      '<div class="top">';
182                    xmlData +=          '<div class="a">';
183                    xmlData +=           '<div class="date_big">';
184                    xmlData +=              '<strong>'+pubDate+'<span class="hide">일</span></strong>';
185                    xmlData +=              '<span>'+pubYear+'<span class="hide">년</span>.'+pubMonth+'<span class="hide">월</span></span>';
186                    xmlData +=           '</div>'; //.date_big
187                    xmlData +=          '</div>'; //.a
188                }
189                xmlData +=              '<div class="cont'+(i<3 ? '2':'')+'">';
190                xmlData +=               '<span class="label color-orange">안전종합</span>';
191                xmlData +=               '<div class="t">';
192                xmlData +=               list[i].title.substr(0, 34) 
193                if(now == pubDay){
194                	xmlData +=				(i<3? ' <span class="new">N</span>':'');
195                }
196                
197                xmlData +=               '</div>'; //.t
198                if(i == 3) {
199                    xmlData +=           '<div class="txt">' + list[i].content + '</div>';
200                }
201                if(i < 3) {
202                    xmlData +=           '<div class="date">' + pubDay + '</div>';
203                }
204                xmlData +=          '</div>'; //.cont
205                if(i == 3) {
206                    xmlData +=      '</div>'; //.top
207                }
208                xmlData +=  '</a>';
209                xmlData += '</li>';
210            }
211
212        }
213        $target.append(xmlData);
214    }
215});
216
217var $s1 = $('.main_popup .s');
218$s1Controls = $(".main_popup .control");
219$s1.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
220	 var i = (currentSlide ? currentSlide : 0) + 1;
221	 $(".main_popup .status").text(i);
222	 $(".main_popup .total").text(slick.slideCount);
223});
224
225$s1.slick({
226	prevArrow: $('.main_popup .prev'),
227	nextArrow: $('.main_popup .next'),
228    dots: true,
229    appendDots: '.main_popup .dots_w',
230    autoplay:true,
231    autoplaySpeed: 5000
232});
233
234$s1Controls.click(function(e){
235 if($(this).hasClass('stop')){
236	 $s1.slick('slickPause');
237   $(this).removeClass('stop').addClass('play').text('재생');
238 }else{
239	 $s1.slick('slickPlay');
240   $(this).removeClass('play').addClass('stop').text('일시정지');
241 }
242})
243
244/*$('#m2 .dots_w .s').slick({
245  slidesToShow: 6,
246  slidesToScroll: 1,
247  //arrows: false,
248  asNavFor: '#m2 .slide_w .s',
249  focusOnSelect: true,
250  vertical:true,
251  prevArrow: $('#m2 .dots_w .prev'),
252  nextArrow: $('#m2 .dots_w .next'),
253  responsive: [
254   {
255     breakpoint: 1024,
256     settings: {
257	  vertical:false,
258	  slidesToShow: 6,
259	  slidesToScroll: 1,
260	  //arrows:true
261     }
262   },
263   {
264     breakpoint: 720,
265     settings: {
266	  vertical:false,
267	  slidesToShow: 5,
268	  //arrows:true
269     }
270   },
271   {
272     breakpoint: 480,
273     settings: {
274	  vertical:false,
275	  slidesToShow: 4,
276	  //arrows:true
277     }
278   },
279   ]
280});*/
281
282//autoplay 제거
283function swSliderOption(){
284  return {
285  infinite: false,
286  slidesToShow: 1,
287  slidesToScroll: 1,
288  //centerMode: true,
289  variableWidth: true,
290  //2024접근성
291  //  autoplay:true, 
292  autoplaySpeed: 1500,
293  arrows:false,
294  responsive: [
295   {
296     breakpoint: 720,
297     settings: {
298	  centerMode: true,
299	  variableWidth: false
300     }
301   },
302   ]
303  }
304}
305
306/*var item_length = $('#m2 .slide_w .s').length - 1;
307var sliderArea = $('#m2 .slide_w .s').slick(swSliderOption())*/
308
309var $sliders = $(".s");
310$("#m2 .slide_w").each(function(){
311  var $this = $(this);
312  var slick = $this.find( $sliders ).slick(swSliderOption());
313
314  slick.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
315  	 var i = (currentSlide ? currentSlide : 0) + 1;
316  	 $(this).closest(".slide_w").find(".status").text(i);
317  	 $(this).closest(".slide_w").find(".total").text(slick.slideCount);
318  });
319
320});
321
322$("#tb1 .s").on('afterChange', function(event, slick, currentSlide, nextSlide){
323	if( $("#tb1 .s li").length - 1 == $('#tb1 .s').slick('slickCurrentSlide') ){
324
325    	setTimeout(function() {
326
327  		  chooseWhat(2);
328  		  	$("#m2 .dots_w li").removeClass("active");
329  		    $("#m2 .dots_w li:nth-child(2)").addClass("active");
330    	},1000);
331
332
333	}
334});
335
336/*$("#tb2 .s").slick(swSliderOption());
337$("#tb3 .s").slick(swSliderOption());
338$("#tb4 .s").slick(swSliderOption());
339$("#tb5 .s").slick(swSliderOption());
340$("#tb6 .s").slick(swSliderOption());
341$("#tb7 .s").slick(swSliderOption());*/
342
343/*$("#m2 slide_w").each(function(index) {
344  console.log( index+1 );
345});*/
346
347/*var $s1 = $('.main_popup .s');
348$s1Controls = $(".main_popup .control");
349$s1.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
350	 var i = (currentSlide ? currentSlide : 0) + 1;
351	 $(".main_popup .status").text(i);
352	 $(".main_popup .total").text(slick.slideCount);
353});*/
354
355$(".controls_etc .prev").click(function(){
356	$(this).closest(".slide_w").find(".s").slick('slickPrev');
357})
358$(".controls_etc .next").click(function(){
359	$(this).closest(".slide_w").find(".s").slick('slickNext');
360})
361
362function chooseWhat(nbr) {
363  	tab = $('#tb' + nbr);
364  	$("#m2 .dots_w li").removeClass("active");
365  	//$(target).parent("li").addClass("active");
366  	$("#m2 .dots_w li:nth-child("+nbr+")").addClass("active");
367
368
369    for (i=1; i<11; i++) {
370    	$('#tb'+i).hide();
371    	$("#tb"+i).find(".s").slick("unslick");
372    }
373    tab.show();
374
375    //console.log(nbr);
376
377  $('#tb'+nbr).find(".s").slick(swSliderOption());
378	 //var v = (currentSlide ? currentSlide : 0) + 1;
379	 //$('#tb'+nbr).find(".c_status .status").text(v);
380	 //$('#tb'+nbr).find(".c_status .total").text(slick.slideCount);
381
382  $('#tb'+nbr).find(".s").on('afterChange', function(event, slick, currentSlide, nextSlide){
383
384	  if( $('#tb'+nbr).find(".s li").length - 1 == $('#tb'+nbr).find(".s").slick('slickCurrentSlide') ){
385	    if(nbr == 8){
386
387
388	    	setTimeout(function() {
389	  		  chooseWhat(1);
390			  	$("#m2 .dots_w li").removeClass("active");
391			    $("#m2 .dots_w li:first-child").addClass("active");
392	    	},1000);
393
394
395	    }else{
396	    	setTimeout(function() {
397	    		 chooseWhat(nbr+1);
398	 		  	$("#m2 .dots_w li").removeClass("active");
399	 		    $("#m2 .dots_w li:nth-child("+(nbr+1)+")").addClass("active");
400	    	},1000);
401
402
403	    }
404	  };
405	});
406
407  //return false;
408}
409
410/*sliderArea.on('afterChange', function(event, slick, currentSlide, nextSlide){
411	console.log(item_length);
412  if( item_length === sliderArea.slick('slickCurrentSlide') ){
413    slider.slickSetOption("autoplay",false,false)
414  };
415});*/
416
417
418//var swSlider = $('#m2 .slide_w .s');
419/*
420swSlider.slick(swSliderOption())*/
421//sw_s();
422
423/*$('.tb_w .slide_w').each(function(index){
424console.log(index);
425
426swSlider.slick(swSliderOption());
427
428if(index == 0) {
429} else {
430}
431});
432*/
433
434
435$("#main .h100,#mainVisual").css({"min-height": $("body").outerHeight()})
436$(window).resize(function (){
437$("#main .h100,#mainVisual").css({"min-height": $("body").outerHeight()})
438})
439
440
441 var $slider = $('#m3 .pop_s .s');
442 var $progressBar = $('.progress');
443 var $progressBarLabel = $( '.slider__label' );
444
445 $slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
446   var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
447
448   $progressBar
449     .css('background-size', calc + '% 100%')
450     .attr('aria-valuenow', calc );
451
452   $progressBarLabel.text( calc + '% completed' );
453 });
454
455//autoplay 제거
456$slider.slick({
457  infinite: true,
458  slidesToShow: 2,
459  slidesToScroll: 1,
460  autoplay:true,
461  autoplaySpeed: 3000,
462prevArrow: $('#m3 .pop_s .prev'),
463nextArrow: $('#m3 .pop_s .next'),
464responsive: [
465 {
466   breakpoint: 720,
467   settings: {
468  slidesToShow: 1
469   }
470 }
471 ]
472});
473
474//autoplay 제거
475$('.main-media .s').slick({
476  infinite: true,
477  slidesToShow: 4,
478  slidesToScroll: 1,
479  prevArrow: $('.main-media .prev'),
480  nextArrow: $('.main-media .next'),
481  autoplay:true,
482  autoplaySpeed: 4000,
483  responsive: [
484   {
485     breakpoint: 1280,
486     settings: {
487	  slidesToShow: 3
488     }
489   },
490   {
491     breakpoint: 720,
492     settings: {
493	  slidesToShow: 2
494     }
495   },
496   {
497     breakpoint: 480,
498     settings: {
499	  slidesToShow: 1
500     }
501   }
502   ]
503});
504
505$(function(){
506	$('.tabs-main a').click(function() {
507		var activeTab = $(this).attr("href");
508
509		$('.tabs-main li').removeClass('active');
510		$(this).parent("li").addClass('active');
511		$(this).attr("title", "선택됨");
512
513		$('.tab_cont_w .tab_cont').hide();
514		$('.tabs-main a').not($(this)).removeAttr('title');
515		$(activeTab).show();
516		return false;
517	});
518
519
520	/*$('#m2 .dots_w a').click(function() {
521		var activeTab = $(this).attr("href");
522
523		$('#m2 .dots_w li').removeClass('active');
524		$(this).parent("li").addClass('active');
525
526		$('#m2 .slide_w').hide();
527		$(activeTab).show();
528
529		$('#m2 .slide_w .s').slick('setPosition');
530		//$(activeTab).find(".slick-current").addClass("act");
531		return false;
532	});*/
533
534})
535/*$("#mainVisual .bg").delay(15000).fadeOut().queue(function(next) {
536	$("#mainVisual .append_w").animate({opacity:1},150)
537});*/
538
539var $slideshow = $("#mainVisual .m_s");
540var ImagePauses = [15000, 3000, 3000, 3000];
541$slideshow.slick({
542  slidesToShow: 1,
543autoplay:true,
544autoplaySpeed: ImagePauses[0],
545//autoplaySpeed: 3000,
546arrows:false,
547fade:true,
548dots:true,
549appendDots:$("#mainVisual .l .dots")
550})
551//.slick("pause");
552
553//var initialDelay = 15000;
554
555/*setTimeout(function() {
556    $("#mainVisual .m_s").slick("play");
557},initialDelay);*/
558
559$slideshow.on('afterChange', function(event, slick, currentSlide) {
560//console.log('Current slide: ' + currentSlide + '. Setting speed to: ' + ImagePauses[currentSlide]);
561// Update autoplay speed according to slide index
562$slideshow.slick('slickSetOption', 'autoplaySpeed', ImagePauses[currentSlide], true);
563});
564
565$("#mainVisual .l .controls").click(function(e){

566 if($(this).hasClass('stop')){
567	 $("#mainVisual .m_s").slick('slickPause');
568   $(this).removeClass('stop').addClass('play').text('재생');
569 }else{
570	 $("#mainVisual .m_s").slick('slickPlay');
571   $(this).removeClass('play').addClass('stop').text('정지');
572 }
573})
574
575$(".mq3").click(function(){
576	$(this).next(".det").toggle();
577	return false;
578})
579
580if ($(window).scrollTop() == 0) {
581	$("body").addClass("white");
582} else {
583}
584
585$(window).scroll(function () {
586	/*console.log($(window).scrollTop());
587	console.log($("#m2").offset());*/
588	if ($(document).scrollTop() > $("#m2").offset().top) {
589		$("body").removeClass("white");
590	} else {
591	}
592	if ($(window).scrollTop() == 0) {
593		$("body").addClass("white");
594	} else {
595	}
596});