https://etarg.network/etarg/js/common.js

1//
2//PRELOADER
3//
4$(window).load(function () {
5    $('.wrapper-preloader').animate({opacity:'0'},1000).queue(function (){$(this).css({display:'none'});});
6    $('.group').click(function () {
7        $(this).children('input').focus()
8    })
9});
10
11setTimeout(function(){
12	$('.wrapper-preloader').animate({opacity:'0'},1000).queue(function (){$(this).css({display:'none'});});
13}, 1500);
14
15
16
17$(document).ready(function () {
18    //INIT
19
20    //
21    //ACCORDION
22    //
23    var ttl = $('.el-accordion__head'),
24        dropdown = $('.accordion_dropdown');
25
26    ttl.on('click', function () {
27
28        dropdown.not($(this).next()).slideUp(300);
29        $(this).toggleClass('open');
30        ttl.not($(this)).removeClass('open');
31        $(this).next().slideToggle(200);
32    });
33
34    //
35    //COUNTDOWN
36    //
37    var note = $('#note'),
38        ts = pay_time,
39        newYear = false;
40
41    /*if((new Date()) > ts){
42        // The new year is here! Count towards something else.
43        // Notice the *1000 at the end - time must be in milliseconds
44        ts = (new Date()).getTime() + 10*24*60*60*1000;
45        newYear = false;
46    }*/
47
48    $('#countdown').countdown({
49        timestamp	: ts,
50        callback	: function(days, hours, minutes, seconds){
51
52            var message = "";
53
54            message += days + " day" + ( days==1 ? '':'s' ) + ", ";
55            message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
56            message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
57            message += seconds + " second" + ( seconds==1 ? '':'s' ) + " <br />";
58
59            if(newYear){
60                message += "left until the new year!";
61            }
62            else {
63                message += "left to 10 days from now!";
64            }
65
66            note.html(message);
67        }
68    });
69
70    //
71    //FANCYBOX
72    //
73    $('.fancybox').fancybox();
74
75
76     //
77    //FORM STYLER
78    //
79    $('select').styler();
80
81    $('.el-agree').change(function () {
82        if($(this).is(':checked')){
83            $('.label-check').addClass('active')
84        }
85        else{
86            $('.label-check').removeClass('active')
87        }
88    });
89
90
91
92    //
93    //Full page
94    //
95    var fixedBlock = $('.fixed-block');
96    $('#fullpage').fullpage({
97        menu: '#menu',
98        anchors: ['home', 'about', 'advantages', 'partner', 'know', 'contacts'],
99        responsiveWidth: 1650,
100        easing: 'swing',
101        fadingEffect: true,
102        easingcss3: 'cubic-bezier(0.35, -0.15, 0.54, 1.02) ',
103        scrollingSpeed: 700,
104        afterLoad: function(index, nextIndex, direction) {
105            if(nextIndex == 2 || nextIndex == 3 || nextIndex == 4 || nextIndex == 5 || nextIndex == 6){
106                $(fixedBlock).addClass('scroll');
107                $('.goBack').addClass('onblock');
108                $('.wrapper-fixmenu').addClass('onblock');
109            }else{
110                $(fixedBlock).removeClass('scroll');
111                $('.wrapper-fixmenu').removeClass('onblock');
112                $('.goBack').removeClass('onblock');
113            }
114            if (nextIndex == 2) {
115                count();
116            }
117
118
119
120            if(nextIndex == 2 || nextIndex == 4 || nextIndex == 6){
121                $('.main-menu').addClass('grey');
122                $('.main-menu .sprite').addClass('grey');
123            }else{
124                $('.main-menu').removeClass('grey');
125                $('.main-menu .sprite').removeClass('grey');
126            }
127
128
129        },
130        onLeave: function(index, nextIndex, direction) {
131            if(nextIndex == 6){
132                $('.section-contacts .fp-tableCell').addClass('fp-tableCellBottom');
133            }
134
135        }
136    });
137
138
139    //
140    //GRADIENT
141    //
142    $('.txt-gradient').gradientText({
143        colors: ['#ff6d00', '#ff8400', '#ff9f00']
144    });
145
146
147    //
148    //VALIDATE формы авторизации
149    //
150
151    $('.btn-enter').click(function () {
152        $('.exam').hide()
153    });
154    $('.group input').focus(function () {
155        $(this).siblings('.exam').hide();
156    });
157
158
159
160    var body = $('body'),
161        btnChange = $('.btn-change'),
162        themesArea = 1,
163        geo = 1, //A
164        totalClick = 250, //B1
165        totalCpc = 250, //B2
166        totalAdv = 500, //B3
167        totalClickAdv,  // total click (xxx)
168        allClickAdv; // all click (yyy)
169
170    //
171    //BODY CHANGE
172    //
173    $(btnChange).on('click',function (e) {
174
175        e.preventDefault();
176
177        if($(btnChange).not(this)){
178            $('.bl-form-body').fadeOut().fadeIn();
179        }
180
181        var formAction = $(this).data('action');
182
183        $('.form-registration').attr('action', formAction);
184
185    });
186
187    $('.btn-master').on('click', function () {
188
189        $(body).removeClass('adv');
190        $(body).addClass('master');
191
192        $('#choose-select :first').attr("selected", "selected");
193        $('.jq-selectbox__dropdown li:first-child').addClass('selected').addClass('sel');
194        $('.jq-selectbox__dropdown li:last-child').removeClass('selected').removeClass('sel');
195        $('.modal-wrapper .jq-selectbox__select-text').text('вебмастер');
196
197        $('.btn-master').addClass('active');
198        $('.btn-adv').removeClass('active');
199
200    });
201
202    $('.btn-adv').on('click', function () {
203
204        $(body).removeClass('master');
205        $(body).addClass('adv');
206
207        $('.btn-adv').addClass('active');
208        $('.btn-master').removeClass('active');
209        $('#choose-select :last').attr("selected", "selected");
210        $('.jq-selectbox__dropdown li:first-child').removeClass('selected').removeClass('sel');
211        $('.jq-selectbox__dropdown li:last-child').addClass('selected').addClass('sel');
212        $('.modal-wrapper .jq-selectbox__select-text').text('рекламодатель');
213    });
214	
215	if($('#choose-select').val() == '1'){
216		$(body).removeClass('adv').addClass('master');
217		$('.btn-master').addClass('active');
218		$('.btn-adv').removeClass('active');
219	}else{
220		$(body).removeClass('master').addClass('adv');
221		$('.btn-master').removeClass('active');
222		$('.btn-adv').addClass('active')
223	}
224
225    $('#choose-select').on('change',function () {
226
227        if($('#choose-select').val() == '1'){
228            $(body).removeClass('adv').addClass('master');
229            $('.btn-master').addClass('active');
230            $('.btn-adv').removeClass('active');
231        }else{
232            $(body).removeClass('master').addClass('adv');
233            $('.btn-master').removeClass('active');
234            $('.btn-adv').addClass('active')
235        }
236    });
237
238
239    //
240    // SECTION PARTNER (CALCULATOR - webmaster);
241    //
242    $('#themes-area').on('change',function () {
243        themesArea = $(this).val();
244        calc_webmaster();
245    });
246
247
248    $('.el-area').on('click',function () {
249        $(this).toggleClass('active');
250        $('.el-area').not($(this)).removeClass('active');
251        calc_webmaster();
252    });
253
254
255    $('.bl-wrapper-calc-master .el-btn-total').on('click', function (e) {
256
257        e.preventDefault();
258
259        calc_webmaster();
260        $(this).addClass('el-top');
261
262    });
263
264    $('.bl-wrapper-calc-master input').on('keypress', function (e) {
265        if (e.charCode && (e.charCode < 48 || e.charCode > 57)){
266            return false;

267        };
268        calc_webmaster();
269    });
270
271    var calc_webmaster = function () {
272        var amountVisitors = $('.amount-visitors').val(),
273            amountPreview = $('.amount-preview').val(),
274            elAreaRate = $('.el-area.active').data('amount'),
275            totalPrice;
276        if(elAreaRate == undefined){
277            elAreaRate = 0;
278        }
279
280        console.log(amountVisitors, amountPreview, themesArea, elAreaRate);
281
282        if((amountPreview / amountVisitors) <= 4 ){
283            totalPrice = amountPreview / 1000  * themesArea * elAreaRate * 7;
284            console.log(totalPrice);
285        }
286        else{
287            totalPrice = amountPreview / 1000  * themesArea * elAreaRate * 5;
288            console.log(totalPrice);
289        }
290
291        $('.bl-wrapper-calc-master .el-btn-amount').text(Math.round(totalPrice) + " руб");
292    };
293
294
295    //
296    // SECTION PARTNER (CALCULATOR - adv);
297    //
298    $('#geo').on('change',function () {
299        geo = $(this).val(); //A
300        calc_adv();
301        calc_adv();
302    });
303
304
305    $('#themes').on('change',function () {
306        totalClick = $('#themes :selected').data('click');//B1
307        totalCpc =  $('#themes :selected').data('cpc');//B2
308        totalAdv =  $('#themes :selected').data('total-adv');//B3
309        calc_adv();
310    });
311    $('.bl-wrapper-calc-adv input').on('keypress', function (e) {
312
313        if (e.charCode && (e.charCode < 48 || e.charCode > 57)){
314                return false;
315        };
316        calc_webmaster();
317
318    });
319
320
321    var calc_adv = function () {
322        var priceClick = $('.amount-visitors').val(), //C
323            amountPreviewAdv = $('.amount-preview').val(); //D
324        
325        console.log(geo, priceClick, amountPreviewAdv, totalClick, totalCpc, totalAdv);
326
327        allClickAdv = geo * totalClick; //yyy
328
329        totalClickAdv = (allClickAdv/totalAdv*amountPreviewAdv)*priceClick/totalCpc;
330
331
332
333        $('.bl-wrapper-calc-adv .el-btn-amount').text("Вы получите "+ Math.round(totalClickAdv) + " переходов из " + Math.round(allClickAdv) + " доступных");
334    };
335    
336    $('.bl-wrapper-calc-adv .el-btn-total').on('click', function (e) {
337        e.preventDefault();
338        calc_adv();
339        $(this).addClass('el-top');
340
341    });
342
343    //
344    // вывод в footer рандомных контактов байеров
345    //
346
347    /*var contact = [
348        seva = {
349            email:'[email protected]',
350            skype:'vsevolod.etarg',
351            icq:'674667460'
352        },
353        alexey = {
354            email:'[email protected]',
355            skype:'alexey.etarg',
356            icq:'653276729'
357        },
358        alex = {
359            email:'[email protected]',
360            skype:'aleksandr.etarg',
361            icq:'658138924'
362        }
363    ];
364    var changeContact = function () {
365        var rand = Math.floor(Math.random() * contact.length);
366        var href_mail = 'mailto:'+ contact[rand].email;
367        var href_skype = 'skype:'+ contact[rand].skype + '?call';
368        var href_icq = 'http://www.icq.com/whitepages/cmd.php?uin='+ contact[rand].icq + '&action=message';
369
370        $('.el-link__mail')
371            .attr('href', href_mail)
372            .find('.adv-hidden')
373            .addClass('old-link-big').delay(700).queue(function(next){
374            $(this).text(contact[rand].email)
375                .removeClass("old-link-big");
376            next()});
377
378        $('.el-link__skype')
379            .attr('href', href_skype)
380            .find('.adv-hidden')
381            .addClass('old-link').delay(700).queue(function(next){
382            $(this).text(contact[rand].skype)
383                .removeClass("old-link");
384            next()
385        });
386
387        $('.el-link__icq')
388            .attr('href', href_icq)
389            .find('.adv-hidden')
390            .addClass('old-link').delay(700).queue(function(next){
391            $(this).text(contact[rand].icq)
392                .removeClass("old-link");
393            next()
394        });
395    }();*/
396
397    //
398    //Открытие меню
399    //
400   $('.hamburger').on('click', function () {
401       $(this).toggleClass('checked');
402       $('body').toggleClass('menu-active');
403       $('html').toggleClass('html-hidden');
404       $('.fix-content').toggleClass('onblock');
405   })
406
407    //
408    // Плавный скроллинг от ссылки к элементу
409    //
410    $('.main-menu a').on('click',function () {
411        $('body').removeClass('menu-active');
412        $('html').removeClass('html-hidden');
413        $('.hamburger').removeClass('checked');
414        $('.fix-content').removeClass('onblock')
415    })
416    $(window).scrollTop(function () {
417        $('.hamburger').removeClass('checked');
418        $('html').removeClass('html-hidden');
419        $('.fix-content').removeClass('onblock');
420    })
421    $(function() {
422        //Enable swiping...
423        $(".wrapper-content-abl").swipe( { swipeStatus:pinch, allowPageScroll:"vertical"} );
424        function pinch(event, phase, direction, distance) {
425            $('body').removeClass('menu-active');
426            $('html').removeClass('html-hidden');
427            $('.hamburger').removeClass('checked');
428            $('.fix-content').removeClass('onblock')
429        }
430    });
431});
432