// Styles by DvM
$(document).ready(function() {

    //Geef de eerste li binnen #navigation een .nobg
    $("#navigation li:first").addClass("nobg");

    //bij klikken op fontsizemenu, classname aanpassen op body
    $("#fontsizemenu .normal a").click(function() {
        $("body").removeClass("fontsize-big");
        $("body").removeClass("fontsize-huge");
        $("body").addClass("fontsize-normal");
    });
    $("#fontsizemenu .big a").click(function() {
        $("body").removeClass("fontsize-big");
        $("body").removeClass("fontsize-huge");
        $("body").addClass("fontsize-big");
    });
    $("#fontsizemenu .huge a").click(function() {
        $("body").removeClass("fontsize-big");
        $("body").removeClass("fontsize-normal");
        $("body").addClass("fontsize-huge");
    });
});

// hide default value of textfields 
var swap_text_boxes = [];
function init_swap_text_boxes() {
    $('input[type=text][value]').each(function() {
        swap_text_boxes[$(this).attr('id')] = $(this).attr('value');
    });
    $('input[type=text][value]').bind('focus', function() {
    if ($(this).attr('ID') == 'txtsearch' || $(this).attr('class') == 'zoekveld' || $(this).attr('class') == 'zoekterm') {
            if ($(this).val() == swap_text_boxes[$(this).attr('id')]) {
                $(this).val('');
            }
        }
    });
    $('input[type=text][value]').bind('blur', function() {
    if ($(this).attr('ID') == 'txtsearch' || $(this).attr('class') == 'zoekveld' || $(this).attr('class') == 'zoekterm') {
            if ($(this).val() == '') {
                $(this).val(swap_text_boxes[$(this).attr('id')]);
            }
        }
    });
}

$(document).ready(function() {

    init_swap_text_boxes();

});

// Styles by DvM
$(document).ready(function() {

    //toon submenu bij hoveren menuitem
    var topMenu = $('#navigatie li.level1');
    topMenu.hover(function() {
        $(this).find('a').addClass('hover');
        $(this).find('ul').addClass('hover');
    }, function() {
        $(this).find('a').removeClass('hover');
        $(this).find('ul').removeClass('hover');
    });
});
