https://www.toyota.co.th/home/assets/js/common.js

1function reloadSlide(){
2    $('.slide__car .frame').addClass('reload');
3}
4    
5$(function(){
6    var $frame  = $('.slide__car .frame');
7    var $slidee = $frame.children('ul').eq(0);
8    var $wrap   = $frame.parent();
9
10    $frame.sly({
11        horizontal: 1,
12        itemNav: 'basic',
13        smart: 1,
14        activateOn: 'click',
15        mouseDragging: 1,
16        touchDragging: 1,
17        releaseSwing: 1,
18        startAt: 0,
19        scrollBar: $wrap.find('.scrollbar'),
20        pagesBar: $wrap.find('.pages'),
21        activatePageOn: 'click',
22        speed: 300,
23        elasticBounds: 1,
24        easing: 'easeOutExpo',
25        dragHandle: 1,
26        dynamicHandle: 1,
27        clickBar: 1,
28        scrollSource: false
29    });
30    
31    setTimeout(function(){
32        reloadSlide();
33    }, 2000);
34    
35    $('#header #nav__main .toggle').on('click', function(){
36        $('#header').removeClass('show-subnav');
37        $('#header').addClass('show-nav');
38    });
39    
40    $('#header #nav__main .btn-close, #header #nav__main .bg').on('click', function(){
41        $('#header').removeClass('show-nav show-subnav');
42    });
43    
44    $('#header .link-search').on('click', function(){
45        $('.popup__search').show();
46        $('#header').removeClass('show-nav show-subnav');
47    });
48    
49    $('#header .link-buy').on('click', function(){
50        $('#header').addClass('show-nav');
51        $('#nav__main #nav-buy a').click();
52    });
53    
54    $('.popup__search .btn-close, .popup__search .bg').on('click', function(){
55        $('.popup__search').hide();
56    });
57
58    $('.box__shopping-tool .toggle').on('click', function(){
59        $('.box__shopping-tool').toggleClass('hide');
60        $('.box__shopping-tool .box__quick-link').removeClass('show');
61        $('.bg-shopping-tool').fadeOut();
62    });
63
64    $('.box__shopping-tool .quick-link').on('click', function(){
65        $('.box__shopping-tool .box__quick-link').toggleClass('show');
66        $('.bg-shopping-tool').fadeToggle();
67    });
68
69    $('.box__shopping-tool .btn-close, .bg-shopping-tool').on('click', function(){
70        $('.box__shopping-tool .box__quick-link').removeClass('show');
71        $('.bg-shopping-tool').fadeToggle();
72    });
73    
74    if($(window).width() > 960){
75        $('.box__shopping-tool').css({marginTop:$('.box__shopping-tool .list__info').height() * (-0.5)});
76        $('.box__shopping-tool .list__info .link').hover(function(){
77            $(this).parent().addClass('active');
78        }, function(){
79            $(this).parent().removeClass('active');
80        });
81    } else{
82        $('.nav__footer .head').on('click', function(){
83            if ($(this).parent().hasClass('show')) {
84                $(this).parent().removeClass('show');
85            } else {
86                $('.nav__footer .box').removeClass('show');
87                $(this).parent().addClass('show');
88            }
89        });
90    }
91    
92    var scroll = $(window).scrollTop();
93    var window_offset = $(window).height();
94    
95  	if(scroll > window_offset){
96		$('#header').addClass('swap-color');
97	} else if(scroll < window_offset){
98		$('#header').removeClass('swap-color');
99    }
100    
101    $('.popup__info .btn-close').on('click', function(){
102        $(this).parent().parent().toggleClass('show');
103    });
104    
105    $('.popup__info .bg').on('click', function(){
106        $(this).parent().toggleClass('show');
107    });
108    
109    $('.box__nav .box__text, .bg__nav').on('click', function(){
110        $('.box__nav .box__text').toggleClass('show');
111        $('.box__nav .box__sub').toggle();
112        $('.bg__nav').toggle();
113    });
114});
115
116$(window).scroll(function() {
117    var scroll = $(window).scrollTop();
118    var window_offset = $(window).height()/1.3;
119    
120  	if(scroll > window_offset){
121		$('#header').addClass('swap-color');
122	} else if(scroll < window_offset){
123		$('#header').removeClass('swap-color');
124    }
125});