$(document).ready(function() {
    $("a.fancy").fancybox({
        'titleShow': false,
        'transitionIn': 'none',
        'transitionOut': 'none'
    });
    
    $(".fancybox").click(function(){
        
        var url = $(this).find("img").attr("src");
        url = url.replace("thumbs/","");
        
        $.fancybox({
            'type'      : 'image',
            'content'   : url
        });

    });
    
    if($.cookie("css")){
		if($.cookie("css") == "css/css-small.css"){
			$("#ctl00_css").attr("href","css/css-small.css");
			$.cookie("css","/css/css-small.css", {expires: 365, path: '/'});
		}
		if($.cookie("css") == "css/css-normal.css"){
			$("#font-size li.active").removeClass("active");
			$("#font-size li.normal").addClass("active");
			$("#ctl00_css").attr("href",$.cookie("css"));
		}
		if($.cookie("css") == "css/css-large.css"){
			$("#font-size li.active").removeClass("active");
			$("#font-size li.large").addClass("active");
			$("#ctl00_css").attr("href",$.cookie("css"));
		}
	}

	$("#font-size li a").click(function(){
		$("#ctl00_css").attr("href",$(this).attr('rel'));
		$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
		$(this).parent("li").parent("ul").children("li").removeClass("active");
		$(this).parent("li").addClass("active");
		return false;
	});
    
    $('#side-bar ul ul').hide();
    $('#side-bar ul li.current ul').show();
    $('#side-bar ul li.active ul').show();
    $('#side-bar ul li a').click(function() {
        $(this).next("ul").toggle(500);
    });

    $('div.toggle-content').hide();
    $('a.toggler').click(function() {
        $(this).prev('div.toggle-content').toggle(500);

        var text = $(this).text();

        $(this).text(text == "Bekijk antwoord" ? "Verberg antwoord" : "Bekijk antwoord");

    });


    $("#search ul li").hover(
		function() { $("ul", this).fadeIn(250); },
		function() { $("ul", this).fadeOut(250); }
	);
    $("#search ul li").hoverClass("sfHover");
});
	$.fn.hoverClass = function(c){
	return this.each(function(){
		$(this).hover(
			function(){$(this).addClass(c);},
			function(){$(this).removeClass(c);}
		);
	});
};

var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();
viewportHeight = viewportHeight - 349;
$(document).ready(function() {
    $("#content").animate({ 'min-height': viewportHeight }, 0)
    $(window).resize(function() {
        var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();
        viewportHeight = viewportHeight - 349;
        $("#content").animate({ 'min-height': viewportHeight }, 0)
    });
});