//ROTATE THE COMPETITIONS IN THE COMPETITION CALENDAR

$(function() {

    //USED TO ITERATE THROUGH THE GROUP ARRAY
    var index = 0;

    //NUMBER O
    var groupNumber = $(".compcal").length;

    function nextFade() {
        $(".compcal").eq(index).fadeOut(
            function() {
                if (index == groupNumber - 1) {
                    index = 0;
                }
                else {
                    index++;
                }

                $(".compcal").eq(index).fadeIn();
            }
        );
    }

    $(".compcal").eq(index).fadeIn();
    setInterval(nextFade, 4000);

});