https://www.universalpictures.nl/js/kinofinder/ajax-header-container.js?1790245203

1function headerButtonClicked(button) {
2    if($(button).hasClass('self')){
3        var win = window.open($(button).attr("href"), "_self");
4    }else{
5        var win = window.open($(button).attr("href"), "_blank");
6    }
7    win.focus();
8}
9var decodeEntities = (function() {
10    // this prevents any overhead from creating the object each time
11    var element = document.createElement('div');
12
13    function decodeHTMLEntities (str) {
14        if(str && typeof str === 'string') {
15            // strip script/html tags
16            str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
17            str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
18            element.innerHTML = str;
19            str = element.textContent;
20            element.textContent = '';
21        }
22
23        return str;
24    }
25
26    return decodeHTMLEntities;
27})();
28
29var width = 1920;
30var height = 1080;
31
32var kinofinderTitle;
33var kinofinderSubtitle;
34var kinofinderHeaderURL;
35var kinofinderMobileHeaderURL;
36var kinofinderRealURL;
37var kinofinderMovies = [];
38var kinofinderMoviesURL = [];
39var kinofinderRealURLInternHeader;
40var kinofinderRealURLIntern = [];
41var movieTitleSize = [];
42var movieSubtitleSize = [];
43var movieTitleSizeMobile = [];
44var movieSubtitleSizeMobile = [];
45
46$(document).ready(function(){
47    
48    $.ajax({
49    type: 'GET',
50    url: API_URL + "/corp/kinofinder/" + preview,
51    async: false,
52    jsonpCallback: 'kino',
53    contentType: "application/json",
54    dataType: 'jsonp',
55    success: function(json) {
56        
57        try {
58            result = json;
59
60            kinofinderTitle = json.header[0].ce_micro_kf_header_title;  /*"Minions"; */
61            kinofinderSubtitle = json.header[0].ce_micro_kf_subheader_title;  /*"Der Ticket-Vorverkauf hat begonnen";*/
62            kinofinderHeaderURL = media_url + json.header[0].ce_micro_kf_header_img_url; /*"content/minions/header.jpg";*/
63            kinofinderMobileHeaderURL =  media_url + json.header[0].ce_micro_kf_header_mobile_img_url; /*"content/header/minions.jpg";*/
64            kinofinderRealURL = decodeEntities(json.header[0].ce_micro_kf_real_url); /* WEBSITE */
65            kinofinderRealURLInternHeader = decodeEntities(json.header[0].ce_micro_kf_real_url_intern); /* WEBSITE */
66            movieTitleSize = json.header[0].ce_micro_info_title_size;
67            movieSubtitleSize = json.header[0].ce_micro_info_subtitle_size;
68            movieTitleSizeMobile = json.header[0].ce_micro_info_title_size_mobile;
69            movieSubtitleSizeMobile = json.header[0].ce_micro_info_subtitle_size_mobile;
70
71            $.each(json.kino, function( key, val ) {
72                //console.log(key);
73                //console.log(val.ce_micro_hero_name);
74                kinofinderRealURLIntern
75                if (val.ce_micro_kf_poster_url != '' || val.ce_micro_kf_poster_url != 'undefined'){
76                    kinofinderMovies.push(media_url + val.ce_micro_kf_poster_url);
77                }
78                if (val.ce_micro_kf_real_url != '' || val.ce_micro_kf_real_url != 'undefined') {
79                    kinofinderRealURLIntern.push(val.ce_micro_kf_real_url_intern);
80                    kinofinderMoviesURL.push(val.ce_micro_kf_real_url);
81                }
82            });
83
84            initHeader();
85            initContent();
86        }
87        catch(e) {
88            console.log(e);
89        }
90        
91       // +++++++++   EOF AJAX   +++++++++++++++++++++++++++++++++++++
92        },
93        error: function(e) {
94            console.log(e.message);
95        }
96    });
97
98    TweenMax.to("#header-infos", 1, {delay:1, alpha:1});
99
100});
101var infosTimeline;
102
103function initHeader() {
104    $("#header-infos").css({'display':'block'});
105    $("#header-left").css({'display':'block'});
106    $("#header-right").css({'display':'block'});
107
108    ////////////////////////////////////////////////////////////////////////////////////
109    // Load data ///////////////////////////////////////////////////////////////////////
110    $("#header-video-title").html(kinofinderTitle);
111    $("#header-video-subtitle").html(kinofinderSubtitle);
112    
113    $("#header-image").attr("src", kinofinderHeaderURL);
114    $("#header-mobile-image").attr("src", kinofinderMobileHeaderURL);
115
116    //console.log('headerlink3intern: ' + headerlink3intern[nr].length);
117    $("#header-ticket-button-legacy").attr("href", kinofinderRealURL);
118    if(kinofinderRealURLInternHeader == 1) {
119        $("#header-ticket-button-legacy").addClass('self');
120        $("#header-ticket-button-legacy").removeClass('blank');
121    }
122    else{
123        $("#header-ticket-button-legacy").addClass('blank');
124        $("#header-ticket-button-legacy").removeClass('self');
125    }
126
127
128

129    ////////////////////////////////////////////////////////////////////////////////////
130    // Initial start ///////////////////////////////////////////////////////////////////
131    resizeHeader();
132    $("#header").imagesLoaded().always(function() {
133        
134        resizeHeader(); 
135    });
136    
137    $(window).resize(function () { 
138
139        resizeHeader();
140    });
141
142    $( "#header-ticket-button" ).click(function(event) {
143        window.open($(this).attr('href'), 'Ticket', '');
144        event.preventDefault();
145    });
146    $( "#header-ticket-button-legacy" ).click(function(event) {
147        if($( "#header-ticket-button-legacy" ).hasClass('self')){
148            var win = window.open($( "#header-ticket-button-legacy" ).attr("href"), "_self");
149        }else{
150            var win = window.open($( "#header-ticket-button-legacy" ).attr("href"), "_blank");
151        }
152        win.focus();
153        event.preventDefault();
154    });
155
156}
157
158function resizeHeader() {
159    if ($(window).width() < 1023){
160        console.log(movieTitleSizeMobile);
161        console.log(movieSubtitleSizeMobile);
162
163        if(movieTitleSizeMobile.length > 0){
164            $("#header-video-title").css({'font-size':movieTitleSizeMobile + 'px'});
165        }
166        else{
167            $("#header-video-title").css({'font-size':'35px'});
168        }
169        //console.log(heroSubtitleSize[nr]);
170        if(movieSubtitleSizeMobile.length > 0){
171            $("#header-video-subtitle").css({'font-size':movieSubtitleSizeMobile + 'px'});
172        }else{
173            $("#header-video-subtitle").css({'font-size':'22px'});
174        }
175    }else {
176        console.log(movieTitleSize);
177        console.log(movieSubtitleSize);
178        if (movieTitleSize.length > 0) {
179            $("#header-video-title").css({'font-size': movieTitleSize + 'px'});
180        }
181        else {
182            $("#header-video-title").css({'font-size': '70px'});
183        }
184        //console.log(heroSubtitleSize[nr]);
185        if (movieSubtitleSize.length > 0) {
186            $("#header-video-subtitle").css({'font-size': movieSubtitleSize + 'px'});
187        } else {
188            $("#header-video-subtitle").css({'font-size': '30px'});
189        }
190    }
191    if(isDesktop() && $("#header").height() <= $(window).height()) {
192        $("#header-image").height(height/width * $("#header-image").innerWidth());
193        $("#header-content").height($("#header-image").height());
194    }
195    else if(isDesktop() && $("#header").height() + 10 > $(window).height()) {
196        
197        $("#header-content").height($(window).height());
198    }
199    else
200        $("#header-content").height($("#header-mobile-image").height());
201};
202
203
204/* ////////////////////////////////////////////////////////////////////////////////////////////////////
205 ///////////////////////////////////////////////////////////////////////////////////////////////////////
206 //////////////////////////////////////////////////////////////////////////////////////////////////////
207 ///////////////////////////////// CONTENT-CONTAINER.JS //////////////////////////////////////////////
208 ////////////////////////////////////////////////////////////////////////////////////////////////////
209 ///////////////////////////////////////////////////////////////////////////////////////////////////
210 */
211function initContent() {
212    ////////////////////////////////////////////////////////////////////////////////////
213    // Load Data ///////////////////////////////////////////////////////////////////////
214    for(var i = 0; i < kinofinderMovies.length; i++) {
215        var classTarget = 'blank';
216        if(kinofinderRealURLIntern[i] == 1){
217                classTarget = 'self';
218        }
219        $("#movies-content").append("<div class='kinofinder-item'><a href='" + kinofinderMoviesURL[i] + "' class='" + classTarget + "'><img src='" + kinofinderMovies[i] + "'></a></div>");
220    }
221    $( ".kinofinder-item a" ).click(function(event) {
222        if($(this).hasClass('self')){
223            console.log($(this).attr('href'));
224            var win = window.open($(this).attr("href"), "_self");
225        }else{
226            var win = window.open($(this).attr("href"), "_blank");
227        }
228        win.focus();
229        event.preventDefault();
230    });
231    $("#movies-content").isotope({
232        layoutMode: "packery",
233        itemSelector: ".kinofinder-item",
234        percentPosition: true,
235        transitionDuration: "0s",
236        packery: {
237            gutter: ".gutter-sizer"
238        }
239    });
240}