﻿$(document).ready(
    function() {
        $('#visual > ul').before('<div id="visual-nav"></div>');
        $('#visual > ul').cycle({
            fx: 'fade',
            timeout: 5000,
            pager: '#visual-nav'
        });
        $('#visual').css('overflow', 'hidden');
        $('#navigation').css('overflow', 'hidden');
        var t;
        $("#navigation").mouseleave(
        function() {
            clearTimeout(t);
            t = setTimeout(function() {
                $("#navigation").height(0);
            }, 10);
        }
        );

        $("#navigation ul li").hover(
        function() {
            var x = 0;
            var mainHover = false;
            var h = 0;
            var mainMenu = $(this).parents("#navigation>ul>li");
            if (mainMenu.length == 0) {
                mainMenu = $(this);
                mainHover = true;
            }
            var mainMenuLength = $("ul:first>li", mainMenu).length;
            var subMenu;
            var subMenuLength = 0;
            var position = 0;
            if (!mainHover) {
                subMenu = $(this).parents("#navigation>ul>li>ul>li");
                if (subMenu.length == 0) {
                    subMenu = $(this);
                }
                subMenuLength = $("ul:first>li", subMenu).length;
                position = subMenu.prevAll("li");
            }
            var h = (position.length + subMenuLength) > mainMenuLength ? position.length + subMenuLength : mainMenuLength;
            h = (h == 0) ? 0 : (2 + h) * 32;
            clearTimeout(t);
            t = setTimeout(function() {
                $("#navigation").height(h);
            }, 10);
        },
            function() {
                

            }
        )
    }
);   

//KenTIC.info: Menu css koppeling
$(document).ready(
function() {
    $("ul#sideList354 li").each(function (index, domEle){
        switch ($(domEle).text())
        {
            case ('home'):
            case ('nieuws'):
            case ('sitemap'):
            case ('contact'):
                $(domEle).attr("id", "btn_" + $(domEle).text());
                break;
        }
    });
});
