advCal_1.js

var tDate = new Date();
var today = tDate.getDate();
var tMonth = tDate.getMonth() + offset;
var aa = Math.floor(Math.random() * 1100500);
var dd = Math.floor(Math.random() * 1100500);
var ects = 6;
var $bxo;

function placePicture(el) {
    $("#" + el).html("<a id=\"" + el + "link\" href=\"" + dayImgs[el - 1] + "\" class=\"group1\" > " + el + "</a>")
}

function bbbaaabbb(id) {
    var pos = $('#' + id).css('position');
    var dis = $('#' + id).css('display');
    var wi = $('#' + id).css('width');
    var le = $('#' + id).length;
    if (pos != "static") {
        ssc(id);
        ects = 6
    }
    if (dis == "none") {
        ssc(id);
        ects = 6
    }
    if (wi != "300px") {
        ssc(id);
        ects = 6
    }
    if ($bxo.parent()[0] !== $('#containerCal')[0]) {
        $('#' + id).remove();
        ssc(id);
        ects = 6
    }
    if (le < 1) {
        addxobad()
    }
    if (ects != 0) {
        ects--;
        window.setTimeout("bbbaaabbb(aa)", 1000)
    }
}

function ssc(el) {
    $('#' + el).css('cssText', 'width: 300px !important;opacity: 1 !important ; float:left !important; border:1px solid #c7c7c7 !important; padding:3px !important; background-color: white !important; position: static !important; display: block !important; margin-top:-1.0%;')
}

function addxobad() {
    try {
        getHeightMargin()
    } catch (e) {
        $('#containerCal').append('<div id=\"' + aa + '\"></div>');
        $('#' + aa).html('<img src=\"http://img.homepagemodules.de/xl16c.png\" alt=\"Xobor.de\"><a style=\"text-decoration:none; color: #8d8d8d;\" href=\"http://www.xobor.de\">&ensp;Einfach ein eigenes Xobor Forum erstellen</a>');
        ssc(aa);
        $bxo = $('#innerCal ~ div').first();
        window.setTimeout("bbbaaabbb(aa)", 1000)
    }
}

function snowSystem() {
    try {
        if (snow == "true") {
            $(document).snowfall({
                flakeCount: maxFlakes,
                collection: '.door',
                maxSpeed: maxFlakeSpeed,
                minSize: minFlakesSize,
                maxSize: mayFlakesSize,
                round: true
            })
        }
    } catch (e) {}
}
$(document).ready(function() {
    try {
        if (snow == "true") {
            var snowEngine = document.createElement("script");
            snowEngine.setAttribute('type', 'text/javascript');
            snowEngine.src = 'http://www.xobor.de/js_scripts/snow/snowfall.jquery.js';
            document.getElementsByTagName("head")[0].appendChild(snowEngine)
        }
    } catch (e) {}
    $('#mybg').attr('src', backgroundImg);
    $('#mybg').css('border-radius', borderRadius);
    $('#containerCal').css('width', width + 'px');
    $('#Adfooter').css('width', width + 'px');
    $('#containerCal').css('height', height + 'px');
    $('#containerCal').show();
    $('#Adfooter').show();
    if (backgroundIMG) {
        $('body').css('background-color', backgroundIMG)
    }
    if (blur == "true") {
        $('#mybg').css('-webkit-filter', 'blur(5px)');
        $('#mybg').css('-moz-filter', 'blur(5px)');
        $('#mybg').css('-o-filter', 'blur(5px)');
        $('#mybg').css('-ms-filter', 'blur(5px)')
    }
    if (tMonth == 12) {
        for (var i = 1; i < today; i++) {
            if (dayImgs[i - 1].match('http://')) {
                $("#" + i).css("background-image", "url(" + dayImgs[i - 1] + ")");
                $("#" + i).css("box-shadow", "inset -8px 8px 10px #252525");
                $("#" + i).css("opacity", "1");
                $("#" + i).css("background-position", "200px 50%")
            } else {
                $("#" + i).css("background-image", "url(" + videoPrevBackground + ")");
                $("#" + i).css("box-shadow", "inset -8px 8px 10px #252525");
                $("#" + i).css("opacity", "1");
                $("#" + i).css("background-position", "center center")
            }
        }
    }
    addxobad();
    window.setTimeout("snowSystem()", 200)
});

function checkDateAndAction(el) {
    /*if (today > el && tMonth == 12 ) {   
        if (dayImgs[el - 1].match('http://')) {
            $.colorbox({
                href: dayImgs[el - 1]
            })
        } else {
            $.colorbox({
                iframe: true,
                width: videoW + "px",
                height: videoH + "px",
                href: "http://www.youtube.com/embed/" + dayImgs[el - 1]
            })
        }
    }*/
    if (true) {
        if (dayImgs[el - 1].match('http://')) {
            $.colorbox({
                href: dayImgs[el - 1]
            })
        } else {
            $.colorbox({
                iframe: true,
                width: videoW + "px",
                height: videoH + "px",
                href: "http://www.youtube.com/embed/" + dayImgs[el - 1]
            })
        }
    }
    //if (today < el && tMonth == 12) {
        //alert("Heute ist noch nicht der " + el + ". 12.")
    //}
    //if (tMonth != 12) {
        //alert("Wir haben noch nicht Dezember!")
    //}
}

AdventCalendar.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>AdventCalendar</title>  
  <link rel="stylesheet" href="https://img.homepagemodules.de/ds/static/aktionen/adventskal/css/colorbox_1.css" />    
  <link href="css/style.css" rel="stylesheet"/>  
</head>
<body>            
<div id="containerCal">
	<img src=" " id ="mybg" />
	<div id="innerCal">
		<div id="16" class="door" onclick="checkDateAndAction(16);">16</div>
		<div id="3" class="door" onclick="checkDateAndAction(3);" >3</div>
		<div id="12" class="door" onclick="checkDateAndAction(12);">12</div>
		<div id="5" class="door" onclick="checkDateAndAction(5);">5</div>
		<div id="20" class="door" onclick="checkDateAndAction(20);">20</div>
		<div id="7" class="door" onclick="checkDateAndAction(7);">7</div>
		<div id="13" class="door" onclick="checkDateAndAction(13);">13</div>
		<div id="8" class="door" onclick="checkDateAndAction(8);">8</div>
		<div id="21" class="door" onclick="checkDateAndAction(21);">21</div>
		<div id="9" class="door" onclick="checkDateAndAction(9);">9</div>
		<div id="10" class="door" onclick="checkDateAndAction(10);">10</div>
		<div id="14" class="door" onclick="checkDateAndAction(14);">14</div>
		<div id="24" class="door" onclick="checkDateAndAction(24);">24</div>
		<div id="15" class="door" onclick="checkDateAndAction(15);">15</div>
		<div id="1" class="door" onclick="checkDateAndAction(1);">1</div>
		<div id="17" class="door" onclick="checkDateAndAction(17);">17</div>
		<div id="4" class="door" onclick="checkDateAndAction(4);">4</div>
		<div id="18" class="door" onclick="checkDateAndAction(18);">18</div>
		<div id="6" class="door" onclick="checkDateAndAction(6);">6</div>
		<div id="19" class="door" onclick="checkDateAndAction(19);">19</div>
		<div id="22" class="door" onclick="checkDateAndAction(22);">22</div>
		<div id="2" class="door" onclick="checkDateAndAction(2);">2</div>
		<div id="23" class="door" onclick="checkDateAndAction(23);">23</div>
		<div id="11" class="door" onclick="checkDateAndAction(11);">11</div>
                <div id="Adfooter"><a href="https://www.xobor.de/xobor-adventskalender.html" target="_blank">Den eigenen Kalender auf der Homepage</a></div>
                <img src="https://www.xobor.de/AdAdvent" width="1" height="1" />
	</div>

</div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/avCal_utils.js"></script>
<script type="text/javascript" src="js/config.js"></script>
</body>
</html>

avCal_utils.js

window.onload = function() {
    try {
        $('#innerCal');
        colorbox();
        adjs();
    } catch (e) {
        var script = document.createElement("script");
        script.setAttribute('type', 'text/javascript');
        script.src = 'https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js';
        document.getElementsByTagName("head")[0].appendChild(script);


        colorbox();
        adjs();
    }
};

function colorbox() {
    var cbox = document.createElement("script");
    cbox.setAttribute('type', 'text/javascript');
    cbox.src = 'js/jquery.colorbox-min.js';
    document.getElementsByTagName("head")[0].appendChild(cbox);
}

function adjs() {
    var ajs = document.createElement("script");
    ajs.setAttribute('type', 'text/javascript');
    ajs.src = 'js/advCal_1.js';
    document.getElementsByTagName("head")[0].appendChild(ajs);
}

config.js

//############ CONFIG START ##############
// URL zum Hintergrundbild des Kalenders
var backgroundImg = "http://www.bilder-hochladen.net/files/big/k75p-3-eccb.jpg ";
// Was fuer eine Grafik soll als Vorschau angezeigt werden, wenn sich im Tuerchen ein YoutubeVid statt eines Bildes befindet 
var videoPrevBackground = " http://www.bilder-hochladen.net/files/k75p-2-c81e.jpg";
var videoW = "800"; // Breite des Videofensters
var videoH = "600"; // Hoehe des Videofensters
// Hintergrundfarbe definieren. ACHTUNG! Macht nur Sinn, wenn der Kalender auf einer extra Seite eingebunden wird!
var backgroundIMG = "";
    
var width = "945";  // Kalenderbreite
var height = "600"; // Kalenderhoehe
// Wenn der Kalender abgerundete Ecken besitzen soll, dann hier in Wert angeben. Ansonsten hier einfach 0 eiintragen
var borderRadius = "5px";
    
// Zeichnet den Hintergrund weich. 
// Funktioniert aktuell nur im Chrome und Safari und eventuell in kommenden Browserversionen des IE und FF 
// "true" fuer Ja und "false" fuer nein
var blur = "false";
    
// Um ein einfaches Bild fuer den jeweiligen Tag einzufuegen, einfach die direkte URL (Adresse) zum Bild eintragen.
// Fuer ein YoutubeVideo die Zwoelfstellige Video ID (ohne http://youtube.com usw.!) eintragen ... z.B. y2T6qekeqlk
// WICHTIG! Die Zaehlung der Tage, beginnt bei 0! Sprich der 1. Dezember = dayImgs[0] ... der 24. ist demzufolge dayImgs[23]
var dayImgs = new Array();
dayImgs[0] = "http://www.bilder-hochladen.net/files/jtlt-r-02e7.jpg";
dayImgs[1] = "http://www.bilder-hochladen.net/files/jtlt-q-4e73.jpg";
dayImgs[2] = "http://www.bilder-hochladen.net/files/jtlt-u-3417.gif";
dayImgs[3] = "http://www.bilder-hochladen.net/files/big/jtlt-v-c16a.jpg";
dayImgs[4] = "http://www.bilder-hochladen.net/files/jtlt-w-6364.jpg";
dayImgs[5] = "1u-fq4zcbj4";
dayImgs[6] = "http://www.bilder-hochladen.net/files/jtlt-15-d645.png";
dayImgs[7] = "http://www.bilder-hochladen.net/files/jtlt-19-f717.png";
dayImgs[8] = "http://www.bilder-hochladen.net/files/big/jtlt-x-182b.jpg";
dayImgs[9] = "http://www.bilder-hochladen.net/files/big/jtlt-y-e369.jpg";
dayImgs[10] = "http://www.bilder-hochladen.net/files/jtlt-18-17e6.png";
dayImgs[11] = "MEEg8bIjcWg";
dayImgs[12] = "http://www.bilder-hochladen.net/files/jtlt-10-1c38.jpg";
dayImgs[13] = "http://www.bilder-hochladen.net/files/jtlt-11-19ca.jpg";
dayImgs[14] = "http://www.bilder-hochladen.net/files/jtlt-12-a5bf.jpg";
dayImgs[15] = "http://www.bilder-hochladen.net/files/jtlt-16-3416.png";
dayImgs[16] = "8LZpBjnOMYY";
dayImgs[17] = "http://www.bilder-hochladen.net/files/jtlt-1a-6c83.png";
dayImgs[18] = "http://www.bilder-hochladen.net/files/big/jtlt-13-a577.jpg";
dayImgs[19] = "http://www.bilder-hochladen.net/files/jtlt-14-d67d.jpg";
dayImgs[20] = "http://www.bilder-hochladen.net/files/jtlt-17-a1d0.png";
dayImgs[21] = "http://www.bilder-hochladen.net/files/jtlt-t-6ea9.jpg";
dayImgs[22] = "Z7PMzUgbc0E";
dayImgs[23] = "http://www.bilder-hochladen.net/files/jtlt-s-33e7.jpg";
    
//############ CONFIG END ##############
var offset = 1;

jquery.colorbox-min.js

// ColorBox v1.3.20.1 - jQuery lightbox plugin
// (c) 2012 Jack Moore - jacklmoore.com
// License: http://www.opensource.org/licenses/mit-license.php
(function(e, t, n) {
    function G(n, r, i) {
        var o = t.createElement(n);
        return r && (o.id = s + r), i && (o.style.cssText = i), e(o)
    }

    function Y(e) {
        var t = T.length,
            n = (U + e) % t;
        return n < 0 ? t + n : n
    }

    function Z(e, t) {
        return Math.round((/%/.test(e) ? (t === "x" ? tt() : nt()) / 100 : 1) * parseInt(e, 10))
    }

    function et(e) {
        return B.photo || /\.(gif|png|jp(e|g|eg)|bmp|ico)((#|\?).*)?$/i.test(e)
    }

    function tt() {
        return n.innerWidth || N.width()
    }

    function nt() {
        return n.innerHeight || N.height()
    }

    function rt() {
        var t, n = e.data(R, i);
        n == null ? (B = e.extend({}, r), console && console.log && console.log("Error: cboxElement missing settings object")) : B = e.extend({}, n);
        for (t in B) e.isFunction(B[t]) && t.slice(0, 2) !== "on" && (B[t] = B[t].call(R));
        B.rel = B.rel || R.rel || "nofollow", B.href = B.href || e(R).attr("href"), B.title = B.title || R.title, typeof B.href == "string" && (B.href = e.trim(B.href))
    }

    function it(t, n) {
        e.event.trigger(t), n && n.call(R)
    }

    function st() {
        var e, t = s + "Slideshow_",
            n = "click." + s,
            r, i, o;
        B.slideshow && T[1] ? (r = function() {
            M.text(B.slideshowStop).unbind(n).bind(f, function() {
                if (B.loop || T[U + 1]) e = setTimeout(J.next, B.slideshowSpeed)
            }).bind(a, function() {
                clearTimeout(e)
            }).one(n + " " + l, i), g.removeClass(t + "off").addClass(t + "on"), e = setTimeout(J.next, B.slideshowSpeed)
        }, i = function() {
            clearTimeout(e), M.text(B.slideshowStart).unbind([f, a, l, n].join(" ")).one(n, function() {
                J.next(), r()
            }), g.removeClass(t + "on").addClass(t + "off")
        }, B.slideshowAuto ? r() : i()) : g.removeClass(t + "off " + t + "on")
    }

    function ot(t) {
        V || (R = t, rt(), T = e(R), U = 0, B.rel !== "nofollow" && (T = e("." + o).filter(function() {
            var t = e.data(this, i),
                n;
            return t && (n = t.rel || this.rel), n === B.rel
        }), U = T.index(R), U === -1 && (T = T.add(R), U = T.length - 1)), W || (W = X = !0, g.show(), B.returnFocus && e(R).blur().one(c, function() {
            e(this).focus()
        }), m.css({
            opacity: +B.opacity,
            cursor: B.overlayClose ? "pointer" : "auto"
        }).show(), B.w = Z(B.initialWidth, "x"), B.h = Z(B.initialHeight, "y"), J.position(), d && N.bind("resize." + v + " scroll." + v, function() {
            m.css({
                width: tt(),
                height: nt(),
                top: N.scrollTop(),
                left: N.scrollLeft()
            })
        }).trigger("resize." + v), it(u, B.onOpen), H.add(A).hide(), P.html(B.close).show()), J.load(!0))
    }

    function ut() {
        !g && t.body && (Q = !1, N = e(n), g = G(K).attr({
            id: i,
            "class": p ? s + (d ? "IE6" : "IE") : ""
        }).hide(), m = G(K, "Overlay", d ? "position:absolute" : "").hide(), L = G(K, "LoadingOverlay").add(G(K, "LoadingGraphic")), y = G(K, "Wrapper"), b = G(K, "Content").append(C = G(K, "LoadedContent", "width:0; height:0; overflow:hidden"), A = G(K, "Title"), O = G(K, "Current"), _ = G(K, "Next"), D = G(K, "Previous"), M = G(K, "Slideshow").bind(u, st), P = G(K, "Close")), y.append(G(K).append(G(K, "TopLeft"), w = G(K, "TopCenter"), G(K, "TopRight")), G(K, !1, "clear:left").append(E = G(K, "MiddleLeft"), b, S = G(K, "MiddleRight")), G(K, !1, "clear:left").append(G(K, "BottomLeft"), x = G(K, "BottomCenter"), G(K, "BottomRight"))).find("div div").css({
            "float": "left"
        }), k = G(K, !1, "position:absolute; width:9999px; visibility:hidden; display:none"), H = _.add(D).add(O).add(M), e(t.body).append(m, g.append(y, k)))
    }

    function at() {
        return g ? (Q || (Q = !0, j = w.height() + x.height() + b.outerHeight(!0) - b.height(), F = E.width() + S.width() + b.outerWidth(!0) - b.width(), I = C.outerHeight(!0), q = C.outerWidth(!0), g.css({
            "padding-bottom": j,
            "padding-right": F
        }), _.click(function() {
            J.next()
        }), D.click(function() {
            J.prev()
        }), P.click(function() {
            J.close()
        }), m.click(function() {
            B.overlayClose && J.close()
        }), e(t).bind("keydown." + s, function(e) {
            var t = e.keyCode;
            W && B.escKey && t === 27 && (e.preventDefault(), J.close()), W && B.arrowKey && T[1] && (t === 37 ? (e.preventDefault(), D.click()) : t === 39 && (e.preventDefault(), _.click()))
        }), e("." + o, t).live("click", function(e) {
            e.which > 1 || e.shiftKey || e.altKey || e.metaKey || (e.preventDefault(), ot(this))
        })), !0) : !1
    }
    var r = {
            transition: "elastic",
            speed: 300,
            width: !1,
            initialWidth: "600",
            innerWidth: !1,
            maxWidth: !1,
            height: !1,
            initialHeight: "450",
            innerHeight: !1,
            maxHeight: !1,
            scalePhotos: !0,
            scrolling: !0,
            inline: !1,
            html: !1,
            iframe: !1,
            fastIframe: !0,
            photo: !1,
            href: !1,
            title: !1,
            rel: !1,
            opacity: .9,
            preloading: !0,
            current: "image {current} of {total}",
            previous: "previous",
            next: "next",
            close: "close",
            xhrError: "This content failed to load.",
            imgError: "This image failed to load.",
            open: !1,
            returnFocus: !0,
            reposition: !0,
            loop: !0,
            slideshow: !1,
            slideshowAuto: !0,
            slideshowSpeed: 2500,
            slideshowStart: "start slideshow",
            slideshowStop: "stop slideshow",
            onOpen: !1,
            onLoad: !1,
            onComplete: !1,
            onCleanup: !1,
            onClosed: !1,
            overlayClose: !0,
            escKey: !0,
            arrowKey: !0,
            top: !1,
            bottom: !1,
            left: !1,
            right: !1,
            fixed: !1,
            data: undefined
        },
        i = "colorbox",
        s = "cbox",
        o = s + "Element",
        u = s + "_open",
        a = s + "_load",
        f = s + "_complete",
        l = s + "_cleanup",
        c = s + "_closed",
        h = s + "_purge",
        p = !e.support.opacity && !e.support.style,
        d = p && !n.XMLHttpRequest,
        v = s + "_IE6",
        m, g, y, b, w, E, S, x, T, N, C, k, L, A, O, M, _, D, P, H, B, j, F, I, q, R, U, z, W, X, V, $, J, K = "div",
        Q;
    if (e.colorbox) return;
    e(ut), J = e.fn[i] = e[i] = function(t, n) {
        var s = this;
        t = t || {}, ut();
        if (at()) {
            if (!s[0]) {
                if (s.selector) return s;
                s = e("<a/>"), t.open = !0
            }
            n && (t.onComplete = n), s.each(function() {
                e.data(this, i, e.extend({}, e.data(this, i) || r, t))
            }).addClass(o), (e.isFunction(t.open) && t.open.call(s) || t.open) && ot(s[0])
        }
        return s
    }, J.position = function(e, t) {
        function f(e) {
            w[0].style.width = x[0].style.width = b[0].style.width = e.style.width, b[0].style.height = E[0].style.height = S[0].style.height = e.style.height
        }
        var n, r = 0,
            i = 0,
            o = g.offset(),
            u, a;
        N.unbind("resize." + s), g.css({
            top: -9e4,
            left: -9e4
        }), u = N.scrollTop(), a = N.scrollLeft(), B.fixed && !d ? (o.top -= u, o.left -= a, g.css({
            position: "fixed"
        })) : (r = u, i = a, g.css({
            position: "absolute"
        })), B.right !== !1 ? i += Math.max(tt() - B.w - q - F - Z(B.right, "x"), 0) : B.left !== !1 ? i += Z(B.left, "x") : i += Math.round(Math.max(tt() - B.w - q - F, 0) / 2), B.bottom !== !1 ? r += Math.max(nt() - B.h - I - j - Z(B.bottom, "y"), 0) : B.top !== !1 ? r += Z(B.top, "y") : r += Math.round(Math.max(nt() - B.h - I - j, 0) / 2), g.css({
            top: o.top,
            left: o.left
        }), e = g.width() === B.w + q && g.height() === B.h + I ? 0 : e || 0, y[0].style.width = y[0].style.height = "9999px", n = {
            width: B.w + q,
            height: B.h + I,
            top: r,
            left: i
        }, e === 0 && g.css(n), g.dequeue().animate(n, {
            duration: e,
            complete: function() {
                f(this), X = !1, y[0].style.width = B.w + q + F + "px", y[0].style.height = B.h + I + j + "px", B.reposition && setTimeout(function() {
                    N.bind("resize." + s, J.position)
                }, 1), t && t()
            },
            step: function() {
                f(this)
            }
        })
    }, J.resize = function(e) {
        W && (e = e || {}, e.width && (B.w = Z(e.width, "x") - q - F), e.innerWidth && (B.w = Z(e.innerWidth, "x")), C.css({
            width: B.w
        }), e.height && (B.h = Z(e.height, "y") - I - j), e.innerHeight && (B.h = Z(e.innerHeight, "y")), !e.innerHeight && !e.height && (C.css({
            height: "auto"
        }), B.h = C.height()), C.css({
            height: B.h
        }), J.position(B.transition === "none" ? 0 : B.speed))
    }, J.prep = function(t) {
        function o() {
            return B.w = B.w || C.width(), B.w = B.mw && B.mw < B.w ? B.mw : B.w, B.w
        }

        function u() {
            return B.h = B.h || C.height(), B.h = B.mh && B.mh < B.h ? B.mh : B.h, B.h
        }
        if (!W) return;
        var n, r = B.transition === "none" ? 0 : B.speed;
        C.remove(), C = G(K, "LoadedContent").append(t), C.hide().appendTo(k.show()).css({
            width: o(),
            overflow: B.scrolling ? "auto" : "hidden"
        }).css({
            height: u()
        }).prependTo(b), k.hide(), e(z).css({
            "float": "none"
        }), d && e("select").not(g.find("select")).filter(function() {
            return this.style.visibility !== "hidden"
        }).css({
            visibility: "hidden"
        }).one(l, function() {
            this.style.visibility = "inherit"
        }), n = function() {
            function y() {
                p && g[0].style.removeAttribute("filter")
            }
            var t, n, o = T.length,
                u, a = "frameBorder",
                l = "allowTransparency",
                c, d, v, m;
            if (!W) return;
            c = function() {
                clearTimeout($), L.detach().hide(), it(f, B.onComplete)
            }, p && z && C.fadeIn(100), A.html(B.title).add(C).show();
            if (o > 1) {
                typeof B.current == "string" && O.html(B.current.replace("{current}", U + 1).replace("{total}", o)).show(), _[B.loop || U < o - 1 ? "show" : "hide"]().html(B.next), D[B.loop || U ? "show" : "hide"]().html(B.previous), B.slideshow && M.show();
                if (B.preloading) {
                    t = [Y(-1), Y(1)];
                    while (n = T[t.pop()]) m = e.data(n, i), m && m.href ? (d = m.href, e.isFunction(d) && (d = d.call(n))) : d = n.href, et(d) && (v = new Image, v.src = d)
                }
            } else H.hide();
            B.iframe ? (u = G("iframe")[0], a in u && (u[a] = 0), l in u && (u[l] = "true"), u.name = s + +(new Date), B.fastIframe ? c() : e(u).one("load", c), u.src = B.href, B.scrolling || (u.scrolling = "no"), e(u).addClass(s + "Iframe").appendTo(C).one(h, function() {
                u.src = "//about:blank"
            })) : c(), B.transition === "fade" ? g.fadeTo(r, 1, y) : y()
        }, B.transition === "fade" ? g.fadeTo(r, 0, function() {
            J.position(0, n)
        }) : J.position(r, n)
    }, J.load = function(t) {
        var n, r, i = J.prep;
        X = !0, z = !1, R = T[U], t || rt(), it(h), it(a, B.onLoad), B.h = B.height ? Z(B.height, "y") - I - j : B.innerHeight && Z(B.innerHeight, "y"), B.w = B.width ? Z(B.width, "x") - q - F : B.innerWidth && Z(B.innerWidth, "x"), B.mw = B.w, B.mh = B.h, B.maxWidth && (B.mw = Z(B.maxWidth, "x") - q - F, B.mw = B.w && B.w < B.mw ? B.w : B.mw), B.maxHeight && (B.mh = Z(B.maxHeight, "y") - I - j, B.mh = B.h && B.h < B.mh ? B.h : B.mh), n = B.href, $ = setTimeout(function() {
            L.show().appendTo(b)
        }, 100), B.inline ? (G(K).hide().insertBefore(e(n)[0]).one(h, function() {
            e(this).replaceWith(C.children())
        }), i(e(n))) : B.iframe ? i(" ") : B.html ? i(B.html) : et(n) ? (e(z = new Image).addClass(s + "Photo").error(function() {
            B.title = !1, i(G(K, "Error").html(B.imgError))
        }).load(function() {
            var e;
            z.onload = null, B.scalePhotos && (r = function() {
                z.height -= z.height * e, z.width -= z.width * e
            }, B.mw && z.width > B.mw && (e = (z.width - B.mw) / z.width, r()), B.mh && z.height > B.mh && (e = (z.height - B.mh) / z.height, r())), B.h && (z.style.marginTop = Math.max(B.h - z.height, 0) / 2 + "px"), T[1] && (B.loop || T[U + 1]) && (z.style.cursor = "pointer", z.onclick = function() {
                J.next()
            }), p && (z.style.msInterpolationMode = "bicubic"), setTimeout(function() {
                i(z)
            }, 1)
        }), setTimeout(function() {
            z.src = n
        }, 1)) : n && k.load(n, B.data, function(t, n, r) {
            i(n === "error" ? G(K, "Error").html(B.xhrError) : e(this).contents())
        })
    }, J.next = function() {
        !X && T[1] && (B.loop || T[U + 1]) && (U = Y(1), J.load())
    }, J.prev = function() {
        !X && T[1] && (B.loop || U) && (U = Y(-1), J.load())
    }, J.close = function() {
        W && !V && (V = !0, W = !1, it(l, B.onCleanup), N.unbind("." + s + " ." + v), m.fadeTo(200, 0), g.stop().fadeTo(300, 0, function() {
            g.add(m).css({
                opacity: 1,
                cursor: "auto"
            }).hide(), it(h), C.remove(), setTimeout(function() {
                V = !1, it(c, B.onClosed)
            }, 1)
        }))
    }, J.remove = function() {
        e([]).add(g).add(m).remove(), g = null, e("." + o).removeData(i).removeClass(o).die()
    }, J.element = function() {
        return e(R)
    }, J.settings = r
})(jQuery, document, this);

style.css

#cboxOverlay{background:url(https://img.homepagemodules.de/ds/static/aktionen/adventskal/images/overlay.png) repeat 0 0;}
#containerCal {
	width: 320px;
	height: 240px;
	margin: auto;
	position:relative;
	display:none;
}
    
#Adfooter {
    display:none;
    bottom:7%;
    margin:auto;
    right: 10%;
    position: absolute;
    color:white;
    font-size: 10px;
    text-align: right;
}
#Adfooter a {
    color:white;
    font-size: 10px;
}
    
#innerCal {
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 5%;
	position:relative !IMPORTANT;
}
#mybg {
    
	position: absolute !IMPORTANT;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	filter: blur(5px);
            
}
    
.door {
	background-image: url(http://www.bilder-hochladen.net/files/jtlt-s-33e7.jpg);
	width: 9.5%;
	height: 15%;
	float: left;
	margin-top: 3%;
	margin-right: 5%;
	padding-left: 1%;
	padding-top: 1%;
	color: white;
	text-align:left !IMPORTANT;
	font-weight: bold;
	border: 1px dotted white;
	cursor:pointer;
            
}
    
.door:hover {
    
	background-color: #E90000;
	opacity: 0.7;
            
            
}