http://startupgear.org/js/scripts.js

1(function (root, $) {
2    "use strict";
3
4    $(function () {
5        $(document).ready(function () {
6
7
8            var windowWidth = $(window).width();
9            var windowHeight = $(window).height();
10
11
12            $(window).on('resize', function(){
13                adResize();
14            });
15            adResize();
16
17
18            //This fucntion controls and resizees the skin ads
19            function adResize() {
20                var windowWidth = $(window).width();
21                var windowHeight = $(window).height();
22                var adCont = $('.ad-width');
23                var mainContWidth = $('.ad-width-container').width();
24                var adWidth = (windowWidth - mainContWidth)/2;
25
26                adCont.each(function(){
27                    $(this).width(adWidth-20).height(windowHeight);
28                });
29            }
30
31
32
33            $("li.has-children").click(function () {
34                //$("ul.sub-list", this).slideToggle('fast');
35                $(this).find(".sub-list").slideToggle('fast');
36                $(this).find('.toggle').toggleClass("fa-plus fa-minus");
37            });
38
39
40            $("#search-button").click(function () {
41                $("#social-media-buttons").slideToggle('fast');
42                $("#quick-search-field").slideToggle('fast');
43                $(".search-input").focus();
44            });
45
46
47            $(".more_limit").click(function () {
48                var $this = $(this);
49
50                if ($this.hasClass("show_all")) {
51                }
52                else {
53                    $this.addClass("show_all");
54                }
55
56            });
57
58
59
60            function setIFrameSize() {
61                f = $(iframe);
62                f[0].setAttribute("width", f.parent().width());
63                f[0].setAttribute("height", f.parent().height());
64            }
65
66
67
68            //Remove inline style elements from figure tags.
69            $("figure").removeAttr("style");
70
71
72            $('#data-table').DataTable({
73                "aoColumnDefs": [
74                    {'bSortable': false, 'aTargets': [2, 3, 4]}
75                ],
76                "order": [[1, "desc"]]
77            });
78
79            $('#data-table').on('page.dt', function () {
80                jQuery('html, body').animate({
81                    scrollTop: jQuery('#data-table').offset().top - 45
82                }, 250);
83            });
84
85
86            $('.gear-images').slick({
87                lazyLoad: 'ondemand',
88                slidesToShow: 1,
89                slidesToScroll: 1,
90                arrows: false,
91                fade: true,
92                asNavFor: '.gear-images-nav'
93            });
94            $('.gear-images-nav').slick({
95                lazyLoad: 'ondemand',
96                slidesToShow: 10,
97                slidesToScroll: 1,
98                asNavFor: '.gear-images',
99                dots: false,
100                centerMode: false,
101                focusOnSelect: true
102            });
103
104
105
106            var slideout = new Slideout({
107                'panel': document.getElementById('main-body-panel'),
108                'menu': document.getElementById('mobile-nav'),
109                'side': 'left',
110                'duration': 450,
111                'easing': 'linear',
112                'padding': windowWidth
113            });
114
115            slideout.disableTouch();
116
117            document.querySelector('.js-slideout-toggle').addEventListener('click', function () {
118                slideout.toggle();
119            });
120            // document.querySelector('.js-slideout-close').addEventListener('click', function() {
121            //     slideout.close();
122            // });
123            slideout.on('beforeopen', function () {
124                $('.js-slideout-toggle').addClass("opened");
125                $('.mobile-navigation').addClass("opened");
126            });
127            slideout.on('beforeclose', function () {
128                $('.js-slideout-toggle').removeClass("opened");
129            });
130
131
132            slideout.on('close', function () {
133                $('.js-toggle-icon ').addClass("fa-bars").removeClass("fa-times");
134
135            });
136            slideout.on('open', function () {
137                $('.js-toggle-icon ').addClass("fa-times").removeClass("fa-bars");
138
139            });
140
141
142            $('body').addClass('fade-in');
143
144        });
145
146
147    });
148
149}(this, jQuery));