https://100jaarorthopedagogiek.nl/sites/all/modules/ortho/js/100jaar.js?q2yw7j

1jQuery(window).ready(function () {
2
3    //100jaar: maak een before jaartallen
4    jQuery('#timeline-inner .before-button').bind('click', function () {
5        jQuery('#timeline-inner .before').fadeOut(200, function () {
6            jQuery('#timeline-inner .after').fadeIn(200, function () {
7                jQuery('#timeline-inner').animate({ height: jQuery('.timeline-view:last').height() - 30 });
8            });
9        });
10
11    });
12    jQuery('#timeline-inner .after-button').bind('click', function () {
13        jQuery('#timeline-inner .after').fadeOut(200, function () {
14            jQuery('#timeline-inner .before').fadeIn(200, function () {
15                jQuery('#timeline-inner').height(jQuery('.timeline-view:first').height() - 30);
16            });
17        });
18
19    });
20
21    //reset sommige stlyen
22    jQuery('.inner_wrapper img').load(function () {
23        jQuery('.inner_wrapper').height(jQuery('.inner_wrapper').height() - 189);
24    });
25    // jQuery('.inner_wrapper').height(jQuery('.inner_wrapper').height() - 189);
26    jQuery('#inner-bottom').css({});
27    jQuery('#timeline-inner').height(jQuery('#timeline-inner').height() - 30);
28
29    //accordion fucntio voor gegevens in de dialog
30    jQuery('#dialog .inner').not('.open').hide();
31    jQuery('#dialog .sub-header').click(function () {
32        if (jQuery(this).next().hasClass('open')) {
33            jQuery(this).next().removeClass('open').slideUp(function () {
34                setOverlayDimensionsToCurrentDocumentDimensions();
35            });
36            jQuery(this).find('.ui-icon').removeClass('ui-up').addClass('ui-down');
37
38        } else {
39            jQuery(this).next().addClass('open').slideDown(function () {
40                setOverlayDimensionsToCurrentDocumentDimensions();
41            });
42            jQuery(this).find('.ui-icon').removeClass('ui-down').addClass('ui-up');
43        }
44    });
45
46
47    //Toon een popup wat middels AJAX is opgevraagd.
48    jQuery('#timeline .timeline-box').click(function () {
49        //uitzondering op de knoppen van before etc...
50        var stop = false;
51
52        if (jQuery(this).hasClass('before-button')) {
53            stop = true;
54        } else if (jQuery(this).hasClass('after-button')) {
55            stop = true;
56        } else {
57            stop = false;
58        }
59
60        if (!stop) {
61
62            var nid = jQuery(this).attr('rel').replace('node-', '');
63            var url = Drupal.settings.basePath + '?q=100jaar/ajax/' + nid;
64            var title = jQuery(this).attr('title');
65
66            //show the dialog
67            showDialog('100jaar', url, title);
68        }
69    });
70
71});
72
73
74//overlay functie
75function overlayOuterOpen() {
76    jQuery('body').after('<div id="ajax-loader"/>');
77    jQuery('body').before('<div id="ajax-overlay"/>');
78    jQuery('#ajax-overlay').css({
79        width: jQuery(document).width() - 6,
80        height: jQuery(document).height() - 10,
81        background: '#000',
82        top: 0,
83        opacity: 0.5,
84        position: 'absolute',
85        zIndex: 998,
86        left: 0
87    });
88    jQuery('#ajax-loader').css({
89        width: jQuery(document).width() - 6,
90        height: jQuery(document).height() - 10,
91        background: 'url(/sites/all/modules/auteur_register/images/ajax-loader.gif) 50% 50% no-repeat',
92        opacity: 0.5,
93        top: 0,
94        position: 'absolute',
95        zIndex: 999,
96        left: 0
97    });
98}
99
100//close overlay
101function overlayOuterClose() {
102    jQuery('#ajax-loader').fadeOut(function () {
103        jQuery('#ajax-loader').remove();
104    });
105    jQuery('#ajax-overlay').fadeOut(function () {
106        jQuery('#ajax-overlay').remove();
107    });
108}