ist das möglich? ViewHelper in Js

Hallo Gemeinde,
ich würde gerne werte in ein Javascript schreiben lassen.

es sollte so aussehen.

<script type="text/javascript">

    $(document).ready(function () {
        $("#container").flipBook({
            pages:[
                {src:"images/book2/page1.jpg", thumb:"images/book2/thumb1.jpg", title:"Cover"},
                {src:"images/book2/page2.jpg", thumb:"images/book2/thumb2.jpg", title:"Page two"},
                {src:"images/book2/page3.jpg", thumb:"images/book2/thumb3.jpg", title:"Page three"},
                {src:"images/book2/page4.jpg", thumb:"images/book2/thumb4.jpg", title:""},
                {src:"images/book2/page5.jpg", thumb:"images/book2/thumb5.jpg", title:"Page five"},
                {src:"images/book2/page6.jpg", thumb:"images/book2/thumb6.jpg", title:"Page six"},
                {src:"images/book2/page7.jpg", thumb:"images/book2/thumb7.jpg", title:"Page seven"},
                {src:"images/book2/page8.jpg", thumb:"images/book2/thumb8.jpg", title:"Last"}
            ],
            backgroundColor:"#150000"
        });

    })
</script>

ich habe mir vorgestellt, das mit einer schleife zu realisieren

<script type="text/javascript">

    $(document).ready(function () {
        $("#container").flipBook({
            pages:[
                <f:for each="{pdfs}" as="pdf">
                {src:"{pdf.bild}", thumb:"{pdf.thumbnail}", title:"{pdf.seitentitel}"},
                </f:for>
            ],
            backgroundColor:"#150000"
        });

    })
</script>

aber mir wird da leider nichts angezeigt.

kann mir jemand sagen ob und wie das funktionieren könnte.

gruß
chris

http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ThingsToKnow/JsAndInline.html