https://www.parkcitystorage.com/js/custom.js

1/*
2  * @package Azurex
3  * @subpackage Azurex HTML
4  * 
5  * Template Scripts
6  * Created by Tripples
7  
8   1. Fixed header
9   2. Main slideshow
10   3. Owl Carousel
11   4. Video popup
12   5. Counter
13   6. Back to top
14  
15*/
16
17
18jQuery(function($) {
19  "use strict";
20
21
22   /* ----------------------------------------------------------- */
23   /*  Fixed header
24   /* ----------------------------------------------------------- */
25
26   $(window).on('scroll', function(){
27      if ( $(window).scrollTop() > 70 ) {
28         $('.site-navigation, .header-white').addClass('navbar-fixed');
29      } else {
30         $('.site-navigation, .header-white').removeClass('navbar-fixed');
31      }
32   });
33
34
35   /* ----------------------------------------------------------- */
36   /*  Main slideshow
37   /* ----------------------------------------------------------- */
38
39      $('#main-slide').carousel({
40         pause: true,
41         interval: 100000,
42      });
43
44
45
46  /* ----------------------------------------------------------- */
47  /*  Owl Carousel
48  /* ----------------------------------------------------------- */
49
50
51      //Project slide
52
53      $("#project-slide").owlCarousel({
54
55         loop:true,
56         animateOut: 'fadeOut',
57         nav:true,
58         margin:15,
59         dots:false,
60         mouseDrag:true,
61         touchDrag:true,
62         slideSpeed:800,
63         navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
64         items : 4,
65         responsive:{
66           0:{
67               items:1
68           },
69           600:{
70               items:4
71           }
72         }
73
74      });
75
76
77      //Testimonial slide
78
79      $("#testimonial-slide").owlCarousel({
80
81         loop:false,
82         margin:20,
83         nav:false,
84         dots:true,
85         items : 3,
86         responsive:{
87           0:{
88               items:1
89           },
90
91           600:{
92               items:3
93           }
94         }
95
96      });
97
98
99
100      //Partners slide
101
102      $("#partners-carousel").owlCarousel({
103
104         loop:true,
105         margin:20,
106         nav:false,
107         dots:false,
108         mouseDrag:true,
109         touchDrag:true,
110         items : 5,
111         responsive:{
112           0:{
113               items:2
114           },
115           600:{
116               items:5
117           }
118         }
119
120      });
121
122       //Page slide
123
124      $(".page-slider").owlCarousel({
125
126         loop:true,
127         animateOut: 'fadeOut',
128         nav:true,
129         margin:0,
130         dots:false,
131         mouseDrag:true,
132         touchDrag:true,
133         slideSpeed:400,
134         navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
135         items : 1,
136         responsive:{
137           0:{
138               items:1
139           },
140           600:{
141               items:1
142           }
143         }
144
145      });
146
147
148       //Team slide
149
150       $("#team-slide").owlCarousel({
151
152         loop:false,
153         animateOut: 'fadeOut',
154         nav:false,
155         margin:20,
156         dots:true,
157         mouseDrag:true,
158         touchDrag:true,
159         slideSpeed:800,
160         items : 4,
161         responsive:{
162           0:{
163               items:1
164           },
165           600:{
166               items:4
167           }
168         }
169
170      });
171
172
173   /* ----------------------------------------------------------- */
174   /*  Video popup
175   /* ----------------------------------------------------------- */
176     $(document).ready(function(){
177
178         $(".gallery-popup").colorbox({rel:'gallery-popup', transition:"fade", innerHeight:"500"});
179         $(".popup").colorbox({iframe:true, innerWidth:600, innerHeight:400});
180
181     });
182
183
184
185   /* ----------------------------------------------------------- */
186   /*  Counter
187   /* ----------------------------------------------------------- */
188
189      $('.counterUp').counterUp({
190       delay: 10,
191       time: 1000
192      });
193
194
195   
196   /* ----------------------------------------------------------- */
197   /*  Contact form
198   /* ----------------------------------------------------------- */
199
200   $('#contact-form').submit(function(){
201
202      var $form = $(this),
203         $error = $form.find('.error-container'),
204         action  = $form.attr('action');
205
206      $error.slideUp(750, function() {
207         $error.hide();
208

209         var $name = $form.find('.form-control-name'),
210            $email = $form.find('.form-control-email'),
211            $subject = $form.find('.form-control-subject'),
212            $message = $form.find('.form-control-message');
213
214         $.post(action, {
215               name: $name.val(),
216               email: $email.val(),
217               subject: $subject.val(),
218               message: $message.val()
219            },
220            function(data){
221               $error.html(data);
222               $error.slideDown('slow');
223
224               if (data.match('success') != null) {
225                  $name.val('');
226                  $email.val('');
227                  $subject.val('');
228                  $message.val('');
229               }
230            }
231         );
232
233      });
234
235      return false;
236
237   });
238
239
240   /* ----------------------------------------------------------- */
241   /*  Back to top
242   /* ----------------------------------------------------------- */
243
244       $(window).scroll(function () {
245            if ($(this).scrollTop() > 50) {
246                $('#back-to-top').fadeIn();
247            } else {
248                $('#back-to-top').fadeOut();
249            }
250        });
251      // scroll body to 0px on click
252      $('#back-to-top').click(function () {
253          $('#back-to-top').tooltip('hide');
254          $('body,html').animate({
255              scrollTop: 0
256          }, 800);
257          return false;
258      });
259      
260      $('#back-to-top').tooltip('hide');
261
262});