https://sonline.su/public_2015/js/js.js?v12

1$(function(){
2
3    $(".feedback-bar-closer").on("click", function() {
4        $("body").addClass("without-feedback-bar");
5        return false;
6    })
7
8
9    $(".mobile-feedback-bar-popup-opener").on("click", function() {
10        $(this).parents(".mobile-feedback-bar-wrap").find(".mobile-feedback-bar-popup").fadeIn();
11        return false;
12    });
13    $(".mobile-feedback-bar-closer").on("click", function() {
14        $(this).parents(".mobile-feedback-bar-wrap").find(".mobile-feedback-bar-popup").fadeOut();
15        return false;
16    })
17
18    $(".registration .agree-group input[type='checkbox']").on("change", function() {
19        if($(this).prop("checked")) {
20            $(this).parents(".registration").find(".btn").removeAttr("disabled");
21        } else {
22            $(this).parents(".registration").find(".btn").attr("disabled", true);
23        }
24    });
25	
26	
27
28    $(".datepicker").datepicker({
29        startDate: "today",
30        format: "dd.mm.yyyy",
31        language: "ru-RU",
32        todayHighlight: true,
33        orientation: "auto"
34    });
35    $(".consult-date .glyphicon").on("click", function() {
36        $(".datepicker").datepicker("show");
37    });
38
39    $(".selectpicker").selectpicker();
40
41    $(".bootstrap-slider").slider();
42
43    $("#SplashCarousel.carousel").carousel({
44        pause: "false",interval:2500
45    });
46
47
48
49    $(".section-indicators.left").css({"margin-top": "-" + $(".section-indicators.left").height()/2 + "px"});
50
51    var $iphone = $(".iphone-anim");
52
53    $(".section-indicators a, a.further-icon").on("click", function() {
54        var appId = $(this).attr("href");
55        var offset = $(appId).offset();
56        var currentState = 0;
57
58        if ($iphone.hasClass('iphone0')) {
59            currentState = 0;
60        }
61
62        if ($iphone.hasClass('iphone1')) {
63            currentState = 1;
64        }
65
66        if ($iphone.hasClass('iphone2')) {
67            currentState = 2;
68        }
69
70        if ($iphone.hasClass('iphone3')) {
71            currentState = 3;
72        }
73
74        if (appId === "#app-01") {
75            twoOne();
76            return false;
77        }
78
79        if (appId === "#app-02") {
80            if (currentState === 0) {
81                oneTwo();
82            } else {
83                threeTwo();
84            }
85            return false;
86        }
87
88        if (appId === "#app-03") {
89            twoThree();
90            return false;
91        }
92
93        if (appId === "#app-04") {
94            threeDown();
95            return false;
96        }
97
98        $iphone.fadeOut(100);
99
100        $("html, body").animate({
101            scrollTop: offset.top
102        }, 500);
103
104
105        return false;
106    });
107
108    function oneTwo(){
109        $iphone.show();
110
111        $iphone.removeClass('iphone0').removeClass('reverse').addClass('forward').addClass('iphone1');
112        var appId = '#app-02';
113        var offset = $(appId).offset();
114
115        $("html, body").stop().animate({
116            scrollTop: offset.top
117        }, 500, function(){
118            $(".app-contents-inner .carousel-inner-wrap").fadeIn();
119        });
120
121    }
122
123    function twoThree() {
124        $iphone.delay(350).fadeIn(100);
125
126        var appId = '#app-03';
127        var offset = $(appId).offset();
128        $(".app-contents-inner .carousel-inner-wrap").hide();
129
130
131        $iphone.addClass('iphone2');
132
133
134        $("html, body").stop().animate({
135            scrollTop: offset.top
136        }, 500, function(){
137            $iphone.removeClass('iphone1').removeClass('reverse').removeClass('forward');
138        });
139
140    }
141
142    function threeDown() {
143        $iphone.fadeOut(100);
144
145        var appId = '#app-04';
146        var offset = $(appId).offset();
147
148        $("html, body").stop().animate({
149            scrollTop: offset.top
150        }, 500, function(){
151            $iphone.removeClass('iphone0').removeClass('iphone1').removeClass('iphone2').removeClass('reverse').removeClass('forward');
152            $iphone.fadeOut(100);
153        });
154    }
155
156    function downThree() {
157        $iphone.delay(350).fadeIn(100);
158
159        var appId = '#app-03';
160        var offset = $(appId).offset();
161
162        $iphone.removeClass('forward').removeClass('reverse').addClass('iphone2');
163
164
165        $("html, body").stop().animate({
166            scrollTop: offset.top
167        }, 500, function() {
168            $iphone.delay(350).fadeIn(100);
169        });
170    }
171
172    function threeTwo() {
173        var appId = '#app-02';
174        var offset = $(appId).offset();
175
176        $iphone.removeClass('iphone2').removeClass('iphone2').removeClass('forward').removeClass('reverse').addClass('iphone1');
177
178
179        $("html, body").stop().animate({
180            scrollTop: offset.top
181        }, 500, function(){
182            $(".app-contents-inner .carousel-inner-wrap").fadeIn();
183        });
184    }
185
186    function twoOne() {
187        var appId = '#app-01';
188        var offset = $(appId).offset();
189        $(".app-contents-inner .carousel-inner-wrap").hide();
190        $iphone.removeClass('iphone1').removeClass('iphone2').addClass('reverse').addClass('iphone0');
191        $("html, body").stop().animate({
192            scrollTop: offset.top
193        }, 500, function(){
194            $iphone.show();
195        });
196    }
197
198
199

200    var offset1 = $("#app-01.autoheight-wrap").offset();
201    var offset2 = $(".app-contents").offset();
202    var offset3 = $(".app-dop").offset();
203    var $iphone = $(".iphone-anim");
204    var $window = $(window);
205
206    $window.on("scroll", function() {
207        return false;
208
209        var sTop = $window.scrollTop();
210        $iphone.attr("class", "iphone-anim iphone0");
211
212        if (sTop >= offset2.top) {
213            $iphone.attr("class", "iphone-anim iphone1");
214        }
215
216        if (sTop >= offset3.top - 200) {
217            $iphone.attr("class", "iphone-anim iphone2");
218        }
219
220    });
221
222
223
224
225    $(window).on("load resize", function() {
226        if ($(window).width() >= 1100) {
227
228            $(".autoheight-wrap#app-01").on("mousewheel", function(event, delta) {
229                //Счетчик положительное вращение(от себя)
230                if(delta > 0) {
231                    $("html, body").stop().animate({
232                        scrollTop: 0
233                    }, 500);
234                }
235                //Отрицательное вращение(на себя)
236                if(delta < 0) {
237                    oneTwo();
238                }
239            });
240            $(".app-contents").on("mousewheel", function(event, delta) {
241                //Счетчик положительное вращение(от себя)
242                if(delta > 0) {
243                    twoOne();
244                }
245                //Отрицательное вращение(на себя)
246                if(delta < 0) {
247                    twoThree();
248                }
249            });
250            $(".app-dop").on("mousewheel", function(event, delta) {
251                //Счетчик положительное вращение(от себя)
252                if(delta > 0) {
253                    threeTwo();
254                }
255                //Отрицательное вращение(на себя)
256                if(delta < 0) {
257                    threeDown();
258                }
259            });
260            $(".app-example").on("mousewheel", function(event, delta) {
261                //Счетчик положительное вращение(от себя)
262                if(delta > 0) {
263                    downThree();
264                }
265            });
266
267        } else {
268            return;
269        };
270    });
271
272});