Using Sightly with javascript json object

Hi

I am trying to convert an existing component jsp to sightly html.

The jsp has the following code:

<script>

            var MY_CAROUSEL_PARAMS_A = {
                control:                        {

                                                            controls:        ${properties.controlsType eq 'controls' ? 'true' : 'false'}
                                                                <c:if test="${properties.controlsType eq 'pager' || properties.controlsType eq 'both'}" >,

                    pager:        {

                        center: ${properties.centerNav eq 'true' ? '1' : '0'},
                        buildPager:        function(pageIndex){

                            var hoverImage = '';

                            var hoverText = '';

                            var hoverWidth = '';

                            switch(pageIndex){
                               <c:forEach var="slide" varStatus="loop" items="${carouselSlides}">
                                    case ${loop.index}:
                                    hoverImage = '${slide.value.tooltipImgPath}';
                                    hoverText = '${slide.value.tooltipText}';
                                    hoverWidth = '${slide.value.tooltipWidth}';
                                    break;
                                </c:forEach>
                            }

                        }

                    }

                          </c:if>                                },

</script>

I am able to get most of the values using sightly inside the script tag.

But how do I implement the <c:if> or <c:foreach> tags in sightly inside a script tag for the above code in bold font.