$(document).ready(function(){
	
    $('#cycle').cycle({
        pager: '#pager',
        pagerAnchorBuilder: function(idx, slide) { 
            return '#pager img.page:eq('+idx+')';
        } 
    });  
    
    $('#pagershuffle').cycle({
        fx: 'scrollHorz',        
        timeout: 0,
        next: '#next',
        prev: '#prev'
    });  
    
    $('#actslider').cycle({
        fx: 'scrollHorz',        
        timeout: 6000,
        speed: 1500,
        next: '#actnext',
        prev: '#actprev'
    });  
    
    $('#headerfotos').cycle();

    var subTimeOut = false;
	$('#menu li').hover(
    function(){
        subid = '#sub'+$(this).find('a').attr('id');
        var submenuLeftPosition = $(this).position().left + 180;
        clearTimeout(subTimeOut);
        $('#top ul.subnav').css('display', 'none');
        $(subid).css({
            left: submenuLeftPosition + 'px',
            display: 'block'
        });
    },
    function(){
        subid = '#sub'+$(this).find('a').attr('id');
        subTimeOut = setTimeout(function(){
            $(subid).css({
                display: 'none'
            });	
        }, 500);
    }
)
        
    $('#top>ul.subnav').mouseenter(function(){
        clearTimeout(subTimeOut);
        parentid = $(this).attr('rel');
        $('li.hoofdNavActive').removeClass('hoofdNavActive');
        $(parentid).addClass('hoofdNavActive');
    });
    
    $('#top>ul.subnav').mouseleave(function(){
        $submenu = $(this);
        parentid = $submenu.attr('rel');
        subTimeOut = setTimeout(function(){
            $submenu.css({
                display: 'none'
            });
            $(parentid).removeClass('hoofdNavActive'); 
        }, 500);
    });
    
	$('#top>ul.subnav>li').mouseenter(function(){
        sub = $(this).find('ul');
        var submenuLeftPosition = $(this).parent().width() - 5;
        var submenuTopPosition = $(this).position().top - 10;
        $('#top>ul.subnav ul.subnav').css('display', 'none');
        sub.css({
            left: submenuLeftPosition + 'px',
            top: submenuTopPosition + 'px',
            display: 'block'
        });
    }
)
        

});

$(window).load(function(){
    fixLayout();
});

$(window).resize(function(){
    fixLayout();
});

function fixLayout(){
//    if($(document).height() > $('#main').outerHeight()){
//        heightDiff = $(document).height() - $('#main').outerHeight();
//        mainPadding = $('#main').outerHeight() - $('#main').height();
//        
//        console.log('Doc height: '+$(document).height());
//        console.log('Main Outerheight: '+$('#main').outerHeight());
//        console.log('Main height: '+$('#main').height());
//        console.log('Main padding: '+mainPadding);
//        console.log('Diff height: '+heightDiff);
//        
//        heightDiff = heightDiff + mainPadding;
//        
//        console.log('Diff height + padding: '+heightDiff);
//        $('#main').css({
//            paddingBottom: heightDiff+'px'
//        });
//    }
}