WaterwheelCarousel Resize

carousel.html

<script type="text/javascript">
    $(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
            autoPlay : 0,
            flankingItems:2,
            movedToCenter: function ($item) {
                $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
                $item.siblings("span").css("display","block");
            },
            movingFromCenter: function ($item) {
                $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
                $item.siblings("span").css("display","none");
            }
        });
        var carouselElm = document.getElementById('carousel')
        $(window).resize(function() {
            carouselElm.style.width= window.innerWidth+"px";
            carouselElm.style.height= (window.innerHeight/3.2)+"px";
            carousel.reload({
              forcedImageWidth: window.innerWidth/3,
              forcedImageHeight: (window.innerWidth/3)/1.5,
              separation: window.innerWidth/6
            });
        });
    });
</script>