https://www.mepa.de/fileadmin/opener-gfx/loadstartani.js

1// -------------------------------------------------- //
2// this script generates random code for a insertion
3// edit var codeani in func setStartAni
4// r.spitler werbepartner huth 2018
5// -------------------------------------------------- //
6
7
8// generates a random nummer within defined range
9function rand (min,max) {
10  return Math.floor(Math.random() * (max - min + 1)) + min;
11}
12
13function setStartAni(){
14  // use this for random play
15  var number = rand(1,2);
16  
17  // use this for direct play (and comment for random)
18  // var number = 1 // integrate Video
19  //console.log(number);
20
21  var strHTMLpre = '';
22  var strHTMLpost = '';
23
24  switch(number) {
25    case 1:
26      //console.log('thema: opener nextvit');
27      // code hypeanimatin //
28      var codeani = '<div id="mepaopener_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;z-index:0;" aria-live="polite"></div>';
29      $("head").append('<script id="anim" type="text/javascript" src="fileadmin/opener-gfx/mepa-opener/mepa-opener.hyperesources/mepaopener_hype_generated_script.js?40898"></script>');            
30      
31      
32      break;
33    
34    case 2:
35      //console.log('upsk');
36      // code hypeanimatin //
37      var codeani =  strHTMLpre + 
38              '<div id="mepaupsk_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;z-index:0;" aria-live="polite">' +
39              '</div>' +
40              strHTMLpost;
41      $("head").append('<script id="anim" type="text/javascript" src="fileadmin/opener-gfx/mepa-upsk/mepa-upsk.hyperesources/mepaupsk_hype_generated_script.js?52857"></script>');                  
42      break;     
43
44    case 3:
45      //console.log('xmas');
46      // code hypeanimatin //
47      var codeani =  strHTMLpre + 
48              '<div id="mepaxmas25_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;z-index:0;" aria-live="polite">' +
49              '</div>' +
50              strHTMLpost;
51      $("head").append('<script id="anim" type="text/javascript" src="fileadmin/opener-gfx/mepa-xmas25/mepa-xmas25.hyperesources/mepaxmas25_hype_generated_script.js?31530"></script>');                 
52      break;              
53
54    case 4:
55      //console.log('xmasb');
56      // code hypeanimatin //
57      var codeani =  strHTMLpre + 
58              '<div id="mepaxmas25b_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;z-index:0;" aria-live="polite">' +
59              '</div>' +
60              strHTMLpost;
61      $("head").append('<script id="anim" type="text/javascript" src="fileadmin/opener-gfx/mepa-xmas25b/mepa-xmas25b.hyperesources/mepaxmas25b_hype_generated_script.js?70981"></script>');                 
62      break;
63
64      case 5:
65          console.log('video');
66          // code hypeanimatin //
67          var codeani =  '  <style>.directvideocontainer {width: 100%; display: flex; align-items: center; justify-content: center;} .directvideocontainer > video { width: 100%; max-width: 1000px; height: auto;} </style>'+
68          '<div class="directvideocontainer"><video class="" width="1000" autoplay autoplay="true" muted loop="true" controls><source src="/fileadmin/user_upload/video/MEPAundREHAU1000px.mp4" type=video/mp4></video></div>';
69
70          break;    
71
72    default:
73      console.log('Fehler, kein Case');
74      // code default //
75      var codeani =  '<div class="row"><div class="header" style=""><!--<img src="img/header_bg-bad.jpg" style="">--></div></div>' +
76              '<div class="row"><div class="hidden-xs hidden-sm col-md-1 col-lg-2" style=""></div><!-- abstand -->' + 
77              '<div class="col-sm-12 col-md-10 col-lg-8 head-cont" style="">' +
78              '<img class="firmhead-logo" src="fileadmin/system/img/mepa-logo.jpg">' +
79              '<p class="firmhead typ01 font-light">Sanitärinnovationen</p><p class="firmhead typ02">by MEPA </p><p class="firmhead typ03 font-light">Pauli &nbsp;und &nbsp; Menden&nbsp; GmbH</p>' +
80              '</div><div class="hidden-xs hidden-sm col-md-1 col-lg-2" style=""></div><!-- abstand --></div>';
81      break;      
82  }
83
84  // put content on site
85  document.getElementById('dynstartani').innerHTML = codeani;
86
87}
88
89
90
91
92$( document ).ready(function() {
93
94setStartAni();
95//console.log('loadstartani');
96
97
98

99});