// Copyright: Koning Willem I College

// Boolean die bepaalt of de browser een oude versie van Internet Explorer is
var boolOudeIE = false;

(function($) { // Functie voor verticaal uitlijnen van elementen in een div. Copyright Cool-javascripts punt com
    // Aangepast: paddingPX = 0, elh > ph conditie weg
    $.fn.vAlign = function(container) {
        return this.each(function(i) {
            if (container == null) {
                container = 'div';
            }
            var paddingPx = 0; //change this value as you need (It is the extra height for the parent element)
            $(this).html("<" + container + ">" + $(this).html() + "</" + container + ">");
            var el = $(this).children(container + ":first");
            var elh = $(el).height(); //new element height
            var ph = $(this).height(); //parent height
            var nh = (ph - elh) / 2; //new margin to apply
            $(el).css('margin-top', nh);
        });
    };
})(jQuery);

$(document).ready(function() {

    // Als de browser een oude versie van Internet Explorer is, boolean op 1 zetten
    if ($.browser.msie && ($.browser.version == "6.0" || $.browser.version == "7.0")) {
        boolOudeIE = true;
    }

    $('#ulHoofdmenu > li').hover(
    // Als men boven een knop in het hoofdmenu zweeft, CSS class veranderen en submenu tonen
        function() {
            $(this).addClass('zweven');
            $('> a', this).addClass('zweven');
            // De volgende acties alleen uitvoeren als de knop een submenu heeft
            if ($(this).children().size() > 1) {
                $('#divZwartVlak').show();
                $('div', this).eq(0).show();
            }
        },
        function() {
            $(this).removeClass('zweven');
            $('a', this).removeClass('zweven');
            // De volgende acties alleen uitvoeren als de knop een submenu heeft
            if ($(this).children().size() > 1) {
                $('#divZwartVlak').hide();
                $('div', this).eq(0).hide();
            }
        }
    );

    // Alle submenus in het midden zetten als deze "posMidden" als class hebben
    $('#ulHoofdmenu > li').each(function() {
        if ($('div', this).hasClass('posMidden')) {
            var intMargeCompenseren = 15;
            // IE6 heeft andere marges nodig, afhankelijk van de padding-left op de menuknoppen (.aHoofdmenu)
            if ($.browser.msie && $.browser.version == "6.0") {
                intMargeCompenseren = -8;
            }
            $('div', this).css('left', (($(this).closest('ul').width() / 2) - ($('div', this).width() / 2)) - ($(this).offset().left - $(this).closest('ul').offset().left) - intMargeCompenseren);
        }
    });

    // Zwarte vlak moet de hoogte van het donker-te-maken-gebied beslaan
    $('#divZwartVlak').css('height', $('#divDonkerGebied').css('height'));

//    // Zoekveld definieren met selector
//    var hetZoekveld = $('.divHeader .txtZoeken');

//    hetZoekveld.focus(function() {
//        // Zoekveld activeren en standaardtekst weghalen
//        if ($(this).attr('value') == 'Zoeken...') {
//            $(this).attr('value', '');
//            $(this).addClass('actief');
//        }
//    });
//    hetZoekveld.blur(function() {
//        // Zoekveld weer op standaardaarde terugzetten
//        if ($(this).attr('value') == '') {
//            $(this).attr('value', 'Zoeken...');
//            $(this).removeClass('actief');
//        }
//    });

//    // Na een postback controleren of er iets in het zoekveld staat, en zo ja, activeren
//    if (hetZoekveld.attr('value') != 'Zoeken...') {
//        hetZoekveld.addClass('actief');
//    }
});