﻿/******** setzeLightbox
*
* Setzt Standardeinstellungen für die fancybox-Lightbox.
* Beachtet dabei speziell auch Bilder aus der Medienbibliothek und 
* Youtube-Videos.
* 
* Aufruf über .setzeLightbox([optionen]);
*
* Optionen: 
* http://fancybox.net/api
*
*/
(function ($) {
    $.fn.setzeLightbox = function (optionen) {
        //Standardoptionen
        optionen = $.extend({
            //Ein-/Ausblend-Optionen
            'transitionIn': 'elastic', //elastic, fade, none
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,

            //Allgemeine Optionen
            'overlayShow': true,
            'centerOnScroll': true,

            //Schliessen-Optionen	            
            'showCloseButton': true,

            //Titel-Optionen
            'onComplete': function () {
                $("#fancybox-wrap").hover(function () {
                    $("#fancybox-title").slideDown();
                }, function () {
                    $("#fancybox-title").slideUp();
                });
            }
        }, optionen);

        //Standard Box
        $(this).fancybox(optionen);

        //Galerie-Bilder aus Medienbibliothek
        optionen['type'] = 'image';
        $(this).filter('a[href*="/mb"], a[href*="/leseobjekte.html"]').fancybox(optionen);

        //Youtube-Videos
        var videos = $(this).filter('a[href*="watch\\?v="]');
        if (videos.length > 0) {
            optionen = $.extend({
                'width': 680,
                'height': 495,
                'swf': { 'wmode': 'transparent',
                         'allowfullscreen': 'true'
                }
            }, optionen);
            optionen['type'] = 'swf';

            videos.each(function () {
                optionen['href'] = this.href.replace(new RegExp("watch\\?v=", "i"), 'v/');
                $(this).fancybox(optionen);
            });
        }
    }
})(jQuery);


/******** setzeIframe
*
* Setzt Standardeinstellungen für die Anzeige eines Iframes in einer fancybox-Lightbox.
* 
* Aufruf über .setzeIframe([optionen]);
* 
* Wobei das angewandte Objekt ein Anchor mit entprechendem Link sein muss: 
* z.B.: <a href="h++p://google.de" class="iframe">Google im Iframe</a>
* Aufruf wäre dann $('a.iframe').setzeIframe({'width':380, 'height':500});
*
* Optionen: 
* http://fancybox.net/api
*
*/
(function ($) {
    $.fn.setzeIframe = function (optionen) {
        //Standardoptionen
        optionen = $.extend({
            //Ein-/Ausblend-Optionen
            'transitionIn': 'fade', //elastic, fade, none
            'transitionOut': 'fade',
            'speedIn': 600,
            'speedOut': 200,

            //Allgemeine Optionen
            'overlayShow': false,
            'centerOnScroll': true,
            'width:': 500,
            'height:': 500,

            //Schliessen-Optionen	            
            'showCloseButton': true,

            //Titel-Optionen
            'titleShow': false,
            'type': 'iframe'
        }, optionen);

        //Standard Box
        $(this).fancybox(optionen);
    }
})(jQuery);
