https://www.mshslc.org/wp-content/themes/MSH/library/js/scripts.js

1/* Put your page-load Javascripts here!
2
3$(document).ready(function(){
4});
5
6$(window).load(function(){
7});
8
9$(function(){
10});
11
12*/
13
14$(document).ready(function(){
15  $('img').imagesLoaded( function( $images, $proper, $broken ) {
16    $('.map_loading').fadeOut(350);
17  });
18
19  $('.rtl_slide').each(function(){
20    var _self = $(this), _nav = _self.find('.rtl_slide_nav'), _length = _nav.find('li').length, _margins = _nav.find('li').length -1, _width = (_length*150) + (_margins*20);
21    var _offleft = _self.offset().left - $('.rtl_map_container').offset().left;
22    _self.css({'width':_width}).attr('data-left', _offleft);
23  });
24
25  $('.rtl_trigger .rtl_trigger_wrap').on('click', function(e){
26    var _self = $(this).parent('.rtl_trigger'), _id = _self.attr('data-id'), _section = $('#'+_id), _left = _section.attr('data-left');
27    if(_self.is('.active')){
28      return false;
29    }else{
30      $('.rtl_trigger.active').removeClass('active');
31      $('.rtl_action.close').removeClass('close').addClass('open');
32      _self.addClass('active');
33      _self.find('.rtl_action').removeClass('open').addClass('close');
34      $('.rtl_slider').stop().animate({ scrollLeft: _left }, 1000);
35      $('#rtl_overlay').attr('class', 'overlay_'+_id);
36      e.preventDefault();
37    }
38  });
39
40  $(document).on('click', '.rtl_trigger .rtl_action.open', function(e){
41    var _self = $(this), _parent = _self.parent('.rtl_trigger');
42    _parent.find('.rtl_trigger_wrap').trigger('click');
43  });
44
45  $(document).on('click', '.rtl_trigger .rtl_action.close', function(e){
46    var _self = $(this), _parent = _self.parent('.rtl_trigger');
47    $('.rtl_trigger.active').removeClass('active');
48    $('.rtl_action.close').removeClass('close').addClass('open');
49    $('#rtl_overlay').attr('class', '');
50    e.preventDefault();
51  });
52
53  $('.rtl_year_slider').slider({ value:1980, min: 1980, max: 2010, step: 1,
54      slide: function( event, ui ) {
55        $('#regrowth_map').attr('class', 'regrowth_'+ui.value);
56      }
57  });
58
59
60  $('.video').colorbox({iframe:true, innerWidth:640, innerHeight:390});
61});