$(document).ready(function() {
    if (0 < $('#intschema').length) {

        // //  Onload Checklist Schema page:
        $('.radiolist').show();
        $('.reports').show();
        $('.intfield').hide();
        
		// Open first field
		$('.intfield:first').show();
		$(".intbar:first > a[class!='fbox']").removeClass();
		$(".intbar:first > a[class!='fbox']").addClass("opened");
        
		$("input[id$='0']").attr("checked", true); // set all first radiobuttons 'checked' 
        $("p[class^='report']").hide(); // hide all reports
        $("p[id$='o0']").show(); // show all first reports


        // Show/Hide fields onclick on one of the three bars
        $(".intbar > a[class!='fbox']").click(function() {
            if (this.className == 'opened' || this.className == 'closed') {
                $('#field' + this.parentNode.id.substr(3) + '').slideToggle('fast');
                if (this.className == 'closed') {
                    this.className = 'opened';
                } else {
					
                    this.className = 'closed';
                }
            }
        });

        // Add title to 'fbox' classed hrefs in left column; get title from begrippenlijst list in right column
        var cur, fmatch;
        var cas = $("div.colLeft a.fbox");
        for (var i = 0; i < cas.length; i++) {
            try {
                cur = cas[i].href.substr(cas[i].href.indexOf("/items/"));
                fmatch = $("#ulBegrippenLijst a.fbox[href='" + cur + "']");
                if (0 < fmatch.length && fmatch[0].getAttribute('title')) {
                    if (cas[i].innerHTML != "Uitleg") {
                        cas[i].setAttribute("title", "" + fmatch[0].getAttribute('title') + "");
                    }
                }
            } catch (err) {
                // do nothing
            }
        }

        // //  ~~~~~~~~~ Bar 1 [Voortoets] ~~~~~~~~~ // //	

        // Click radiobutton 0 (bar1)
        $('#rbeffect0').click(function() {
            $('.report1').slideUp('fast');
            $('#report1-o0').slideDown('fast');
            $('#field2').slideUp('fast');
            $('#field3').slideUp('fast');
            $('#bar2 > a:first').removeClass();
            $('#bar3 > a:first').removeClass();
            $('#bar2 > a:first').addClass('deactivated');
            $('#bar3 > a:first').addClass('deactivated');
            $('#field2A').hide();
            $('#field2B').hide();
        });

        // Click radiobutton 1 (bar1)
        $('#rbeffect1').click(function() {
            $('.report1').slideUp('fast');
            $('#report1-o1').slideDown('fast');
            $('#field2').slideUp('fast');
            $('#field3').slideUp('fast');
            $('#bar2 > a:first').removeClass();
            $('#bar3 > a:first').removeClass();
            $('#bar2 > a:first').addClass('deactivated');
            $('#bar3 > a:first').addClass('deactivated');
            $('#field2A').hide();
            $('#field2B').hide();
        });

        // Click radiobutton 2 (bar1)
        $('#rbeffect2').click(function() {
            $('.report1').slideUp('fast');
            $('#report1-o2').slideDown('fast');
            $('#field3').slideUp('fast');
            if ($('#bar2 > a:first').hasClass('deactivated')) {
                $('#bar2 > a:first').removeClass();
                $('#bar2 > a:first').addClass('closed');
            }
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
            $('#field2A').show();
            $('#field2B').hide();
        });

        // Click radiobutton 3 (bar1)
        $('#rbeffect3').click(function() {
            $('.report1').slideUp('fast');
            $('#report1-o3').slideDown('fast');
            $('#field3').slideUp('fast');
            if ($('#bar2 > a:first').hasClass('deactivated')) {
                $('#bar2 > a:first').removeClass();
                $('#bar2 > a:first').addClass('closed');
            }
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
            if (document.getElementById('rbbeoord3').checked == true) {
                $('#bar3 > a:first').removeClass();
                $('#bar3 > a:first').addClass('closed');
            }
            $('#field2A').hide();
            $('#field2B').show();
        });


        // //  ~~~~~~~~~ Bar 2 [Habitattoets] ~~~~~~~~~ // //	

        // Click radiobutton 0 (bar2A)
        $('#rbverslecht0').click(function() {
            $('.report2').slideUp('fast');
            $('#report2A-o0').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 1 (bar2A)
        $('#rbverslecht1').click(function() {
            $('.report2').slideUp('fast');
            $('#report2A-o1').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 2 (bar2A)
        $('#rbverslecht2').click(function() {
            $('.report2').slideUp('fast');
            $('#report2A-o2').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 3 (bar2A)
        $('#rbverslecht3').click(function() {
            $('.report2').slideUp('fast');
            $('#report2A-o3').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // ~~~~~

        // Click radiobutton 0 (bar2B)
        $('#rbbeoord0').click(function() {
            $('.report2').slideUp('fast');
            $('#report2B-o0').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 1 (bar2B)
        $('#rbbeoord1').click(function() {
            $('.report2').slideUp('fast');
            $('#report2B-o1').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 2 (bar2B)
        $('#rbbeoord2').click(function() {
            $('.report2').slideUp('fast');
            $('#report2B-o2').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });

        // Click radiobutton 3 (bar2B)
        $('#rbbeoord3').click(function() {
            $('.report2').slideUp('fast');
            $('#report2B-o3').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('closed');
        });

        // Click radiobutton 4 (bar2B)
        $('#rbbeoord4').click(function() {
            $('.report2').slideUp('fast');
            $('#report2B-o4').slideDown('fast');
            $('#field3').slideUp('fast');
            $('#bar3 > a:first').removeClass();
            $('#bar3 > a:first').addClass('deactivated');
        });


        // //  ~~~~~~~~~ Bar 3 [ADC-toets] ~~~~~~~~~ // //	

        // Click radiobutton 0 (bar3)
        $('#rbadc0').click(function() {
            $('.report3').slideUp('fast');
            $('#report3-o0').slideDown('fast');
        });

        // Click radiobutton 1 (bar3)
        $('#rbadc1').click(function() {
            $('.report3').slideUp('fast');
            $('#report3-o1').slideDown('fast');
        });

        // Click radiobutton 2 (bar3)
        $('#rbadc2').click(function() {
            $('.report3').slideUp('fast');
            $('#report3-o2').slideDown('fast');
        });



        // overflow:hidden; should solve IE8 bug (disappearing margins i.c.w. jquery slidetoggle)
        $('#intschema > *').css("overflow", "hidden");
    }
});