<script type="text/javascript" charset="utf-8">        
    $(document).ready(function() {    
 
        // Identify this question
        var thisQuestion = $('#question{QID}');
 
        // Define the sub-heading text strings
        var subHeading1 = 'Während meiner Arbeit lege ich Wert darauf, dass...';
 
        // Wenn man weitere Zwischentexte möchte, werden sie hier definiert
        // var subHeading2 = 'Wie anregend finden Sie dieses Bild?';
        // var subHeading3 = 'In welke mate wordt er sociale interactie afgebeeld';
 
        var columnsLength = $('tr.answers-list:eq(0) > *', thisQuestion).length;
 
        // Insert the new rows
        // Wichtig ist das "eq(x)". Dieses definiert die Zeile, beginnen bei 0 = 1.Zeile
        $('tr.answers-list:eq(0)', thisQuestion).before('<tr class="sub-header-row"><th colspan="'+columnsLength+'">'+subHeading1+'</th></tr>');
 
        // Wenn also ein zweiter Zwischentext vor der vierten Teilfrage sein soll
        // $('tr.answers-list:eq(3)', thisQuestion).before('<tr class="sub-header-row"><th colspan="'+columnsLength+'">'+subHeading2+'</th></tr>');
 
        // Fix up the row classes
        var rowClass = 1;
        $('table.subquestions-list tbody tr', thisQuestion).each(function(i) {
            if($(this).hasClass('sub-header-row')) {
                rowClass = 1
            }
            else {
                rowClass++;
                $(this).removeClass('array1 array2')
                if(rowClass % 2 == 0) {
                    $(this).addClass('array2');
                }
                else {
                    $(this).addClass('array1');
                }
            }
        });
    });
</script>