https://www.culturepartnership.eu/assets/53931c9d/js/main_settings.js

1/*main full screen and mobile navigation*/
2
3/*search form in header*/
4$(function(){
5    if($(window).width()<=600){
6        var mobileSearchTrigger = $('.js-culture-search-show');  
7        var searchForm  = $('.main-nav-block #culture-search'); 
8        function showSearchForm(){
9            searchForm.slideDown();
10            mobileSearchTrigger.css('visibility', 'hidden');
11        }
12        function hideSearchForm(){
13            searchForm.slideUp();
14            mobileSearchTrigger.css('visibility', 'visible');
15        }
16
17        mobileSearchTrigger.on('click',function(){showSearchForm();});
18
19        $(document).click(function(event) {
20            event.stopPropagation();
21            if(!$(event.target).is('#culture-search .search-field, .js-culture-search-show')) {
22                hideSearchForm();
23            }     
24        });
25    }
26});
27
28/*mobile navigation*/
29$(function(){
30    var mobileNavTrigger = $('.js-mobile-nav-trigger'); 
31    var mobileNavigation  = $('#mobile-navigation');
32    function showmobileNav(){
33        mobileNavigation.addClass('visible');
34    }
35    function hidemobileNav(){
36        mobileNavigation.removeClass('visible');
37    }
38    mobileNavTrigger.on('click',function(){
39        if(mobileNavigation.filter('.visible').length){
40            hidemobileNav();
41        }else{
42            showmobileNav();
43        }
44    });
45    
46});
47
48
49/*make pink mask for images*/
50function makePinkMask(maskTargetEl){
51    maskTargetEl.each(function(){
52        var maskParent = $(this).parent();
53        maskParent.append('<div class="pinkMask"/>');
54        var pinkMask = maskParent.find('.pinkMask');
55       // var imgFactHeight = $(this).width()/$(this).css('width') * $(this).height();
56        pinkMask.css({
57            position: 'absolute',
58            top: $(this).position().top,
59            left: $(this).position().left,
60            width: $(this).css('width'),
61            height: $(this).height(),
62            backgroundColor: 'rgba(53, 32, 46, 0.70)',
63            zIndex: '20'
64        });
65        maskParent.hover(
66            function() {
67                $(this).find('.pinkMask').css({
68                    backgroundColor: 'rgba(53, 32, 46, 0.0)',
69                    zIndex: '-1'
70                });
71            }, function() {
72               $(this).find('.pinkMask').css({
73                    backgroundColor: 'rgba(53, 32, 46, 0.70)',
74                    zIndex: '20'
75                });
76            }
77        );
78    });
79}
80$(window).load(function() {
81    makePinkMask($('#main-slider .figure-item').eq(0));  
82    makePinkMask($('.news-list img'));
83    makePinkMask($('.programme-right .topic-figure img'));
84});
85
86$(window).resize(function() {
87    
88    $(".pinkMask").remove();
89    
90    makePinkMask($('#main-slider .figure-item').eq(0));  
91    makePinkMask($('.news-list img'));
92    makePinkMask($('.programme-right .topic-figure img'));
93});
94
95
96
97/*filters */
98$(function() {
99    if($('.datapicker-filter-wr').length){
100        $.datepicker.setDefaults($.datepicker.regional['ru']);
101        $( "#from" ).datepicker({
102            showOn: "button",
103            buttonImage: "../images/icons/calendar.png",
104            buttonImageOnly: true,
105            buttonText: "Select date",
106            defaultDate: "+1w",
107            changeMonth: true,
108            numberOfMonths: 2,
109            dateFormat: "d MM, y",
110            onClose: function( selectedDate ) {
111                $( "#to" ).datepicker( "option", "minDate", selectedDate );
112            }
113        });
114        $( "#to" ).datepicker({
115            showOn: "button",
116            buttonImage: "../images/icons/calendar.png",
117            buttonImageOnly: true,
118            buttonText: "Select date",
119            defaultDate: "+1w",
120            changeMonth: true,
121            numberOfMonths: 2,
122            dateFormat: "d MM, y",
123            onClose: function( selectedDate ) {
124                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
125             }
126        });
127        $( '.ui-datepicker-trigger').click(function(){
128            $(this).parents('.filters-panel').find('.dropdown-options').slide

128Up();
129        });
130    }
131});
132
133
134 /*SELECT*/
135    $(function(){
136        var filterSelect = $('.filter-select');
137        filterSelect.each(function(){
138            var ulSelect = $(this).find('.dropdown-options'),
139                optionList = ulSelect.find('li'),
140                currentOptoin = $(this).find('.current-label');
141                currentOptoin.text(optionList.first().text());
142            currentOptoin.parent('.label-wr').click(function(){
143                if(ulSelect.is(':hidden')){
144                    ulSelect.parents('.filters-panel').find('.dropdown-options, #ui-datepicker-div').slideUp();
145                    ulSelect.slideDown();
146                }else{
147                    ulSelect.slideUp();
148                }
149            });
150            optionList.click(function(){
151                currentOptoin.text($(this).text());
152            });
153//            $(document).click(function(event) {
154//                //event.stopPropagation();
155//                if($(event.target).closest('.filters-panel').lenght == 0) {
156//                    ulSelect.slideUp();
157//                }     
158//            });
159        });
160        
161    });
162