window.addEvent('domready', function() {
    var aoAccRassen = new Array();

    $$('.accordionRas').each(function(oAcc, index) {
        //for each accordion
        //create our Accordion instance

        var StartDisplay = 1;
        var groupID = $get("GroupID");
        if (groupID != "") {
            //Show selected tab when groupid is present
            for (var i = 0; i < oAcc.getElements('div.element').length; i++) {
                if (oAcc.getElements('div.element')[i].getElements('div.GroupID').get('text') == groupID) {
                    StartDisplay = i;
                }
            }
        }
        else {
            //Show first tab when more then 1 ras or none
            if (oAcc.getElements('div.element').length > 2 || oAcc.getElements('div.element').length == 1) {
                StartDisplay = 0;
            }
        }       



        aoAccRassen[index] = new Fx.Accordion(oAcc.getElements('div.toggler'), oAcc.getElements('div.element'), {

            alwaysHide: false,
            display: StartDisplay, //gewassen en rassen moet altijd eerste of tweede item default openen
            opacity: true,
            //initialDisplayFx: false,


            onActive: function(toggler, element) {

                toggler.addClass('active');
                //toggler.setStyle('background','none');
                toggler.removeClass('toggler_reset');
            },
            onBackground: function(toggler, element) {
                toggler.removeClass('active');
                toggler.addClass('toggler_reset');
            }
        });
    });





    $$('.accordionVariants').each(function(oAcc, index) {
        //for each accordion
        //create our Accordion instance
        aoAccRassen[index] = new Fx.Accordion(oAcc.getElements('div.toggler'), oAcc.getElements('div.element'), {

            alwaysHide: false,
            display: 0,
            opacity: true,
            //initialDisplayFx: false,

            onActive: function(toggler, element) {

                toggler.addClass('active');
                //toggler.setStyle('background','none');
                toggler.removeClass('toggler_reset');
            },
            onBackground: function(toggler, element) {
                toggler.removeClass('active');
                toggler.addClass('toggler_reset');
            }
        });
    });

    $$('div.toggler').addEvent('mouseenter', function() {
        this.addClass('togglerover');
    });

    $$('div.toggler').addEvent('mouseleave', function() {
        this.removeClass('togglerover');
    });

});



function $get(key, url) {
    if (arguments.length < 2) url = location.href;
    if (arguments.length > 0 && key != "") {
        if (key == "#") {
            var regex = new RegExp("[#]([^$]*)");
        } else if (key == "?") {
            var regex = new RegExp("[?]([^#$]*)");
        } else {
            var regex = new RegExp("[?&]" + key + "=([^&#]*)");
        }
        var results = regex.exec(url);
        return (results == null) ? "" : results[1];
    } else {
        url = url.split("?");
        var results = {};
        if (url.length > 1) {
            url = url[1].split("#");
            if (url.length > 1) results["hash"] = url[1];
            url[0].split("&").each(function(item, index) {
                item = item.split("=");
                results[item[0]] = item[1];
            });
        }
        return results;
    }
}