MacWatrousS3Website/script.js at master · MacWatrous/MacWatrousS3Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/* fix vertical when not overflow
call fullscreenFix() if .fullscreen content changes */
function fullscreenFix() {

      var h = $('body').height();
      // set .fullscreen height
      $(".content-b").each(function (i) {
            if ($(this).innerHeight() > h) {
                  $(this).closest(".fullscreen").addClass("overflow");
            }
      });
}
$(window).resize(fullscreenFix);
fullscreenFix();

/* resize background images */
function backgroundResize() {
      var windowH = $(window).height();
      $(".background").each(function (i) {
            var path = $(this);
            // variables
            var contW = path.width();
            var contH = path.height();
            var imgW = path.attr("data-img-width");
            var imgH = path.attr("data-img-height");
            var ratio = imgW / imgH;
            // overflowing difference
            var diff = parseFloat(path.attr("data-diff"));
            diff = diff ? diff : 0;
            // remaining height to have fullscreen image only on parallax
            var remainingH = 0;
            if (path.hasClass("parallax")) {
                  var maxH = contH > windowH ? contH : windowH;
                  remainingH = windowH - contH;
            }
            // set img values depending on cont
            imgH = contH + remainingH + diff;
            imgW = imgH * ratio;
            // fix when too large
            if (contW > imgW) {
                  imgW = contW;
                  imgH = imgW / ratio;
            }
            //
            path.data("resized-imgW", imgW);
            path.data("resized-imgH", imgH);
            path.css("background-size", imgW + "px " + imgH + "px");
      });
}
$(window).resize(backgroundResize);
$(window).focus(backgroundResize);
backgroundResize();

if (window.attachEvent) {
      window.attachEvent('onload', backgroundResize);
      $("#content").hide().fadeIn(3000);


} else {
      if (window.onload) {
            $("#content").hide().fadeIn(3000);

            var curronload = window.onload;
            var newonload = function (evt) {
                  curronload(evt);
                  backgroundResize(evt);
            };
            window.onload = newonload;

      } else {
            $("#content").hide().fadeIn(3000);

            window.onload = backgroundResize;
      }
}