﻿(function($) {
    var cache = [];
    // Arguments are image paths relative to the current page.
    $.preLoadImages = function() {
        var args_len = arguments.length;
        for (var i = args_len; i--; ) {
            var cacheImage = document.createElement('img');
            cacheImage.src = arguments[i];
            cache.push(cacheImage);
        }
    }
})(jQuery)

jQuery.preLoadImages("images/submenu_feestzaal_hover.jpg", "images/submenu_restaurant_hover.jpg", "images/submenu_vergaderzaal_hover.jpg");

$(document).ready(function() {
    $("a.pic").fancybox({
        'hideOnContentClick': false,
        'zoomSpeedIn': 0,
        'zoomSpeedOut': 0,
        'overlayShow': true,
        'overlayColor': '#000',
        'overlayOpacity': 0.8
    });

    $("a.fotoviewer").fancybox({
        'hideOnContentClick': false,
        'zoomSpeedIn': 0,
        'zoomSpeedOut': 0,
        'overlayShow': true,
        'overlayColor': '#000',
        'overlayOpacity': 0.8
    });

    $(".jbgallery").jbgallery({
        style: "zoom",
        menu: 'simple',
        slideshow: true,
        fade: true,
        popup: false,
        caption: false,
        autohide: false,
        clickable: false
    });

    $('#restaurant_main, #submenu_restaurant').hover(
        function() {
            $('#submenu_restaurant').css("display", "block");
        },
        function() {
            $('#submenu_restaurant').css("display", "none");
        }
    );
    $('#feestzaal_main, #submenu_feestzaal').hover(
        function() {
            $('#submenu_feestzaal').css("display", "block");
        },
        function() {
            $('#submenu_feestzaal').css("display", "none");
        }
    );
    $('#vergaderzaal_main, #submenu_vergaderzaal').hover(
        function() {
            $('#submenu_vergaderzaal').css("display", "block");
        },
        function() {
            $('#submenu_vergaderzaal').css("display", "none");
        }
    );

    $('#gallery div a').children().fadeTo('fast', 0.7);
    $('#gallery div a img').hover(function() {
        $(this).stop().fadeTo('fast', 1);
    }, function() {
        $(this).stop().fadeTo('fast', 0.7);
    });

    $('#gallery').cycle({
        fx: 'fade',
        speed: '800',
        continuous: 0,
        prev: '#prev',
        next: '#next',
        timeout: 0
    });

    $('#scrollcontent').jScrollPane({
        showArrows: true,
        animateStep: '90'
    });
});
