jQuery(document).ready(function($) {
    "use strict";

    // $('#foo4').carouFredSel({
    // 	responsive: true,
    // 	width: '100%',
    // 	scroll: 2,
    // 	items: {
    // 		width: 400,
    // 	//	height: '30%',	//	optionally resize item-height
    // 		visible: {
    // 			min: 2,
    // 			max: 6
    // 		}
    // 	}
    // });


    $('.spiral-tweet-scroller').each(function() {
        var $this =  $(this);
        var $slider = $this.find('.spiral-tweet-scroller-inner');
        var fx = $this.data("fx");
        var play = $this.data("play");
        var easing = $this.data("easing");
        var direction = $this.data("direction");
        var duration = parseInt($this.data("duration"), 10);
        var pauseonhover = $this.data("pauseonhover");
        var timeoutduration = parseInt($this.data("timeoutduration"), 10);
        var $prev = $this.find('.spiral-tweet-prev');
        var $next = $this.find('.spiral-tweet-next');
        $slider.carouFredSel({
            prev   : $prev,
            next   : $next,
            direction       : 'left',
            responsive : true,
            auto   : {
                play            : play,
                fx              : fx,
                easing          : easing,
                duration        : duration,
                pauseOnHover    : pauseonhover,
                timeoutDuration : timeoutduration,
            },
            scroll   : {
                fx              : fx,
                easing          : easing,
                duration        : duration,
            },
            width  : 'auto',
            items  : {
                visible:1,
            },
            onCreate:function(){
            	$this.css('height','auto');
            }
        });
    });



$(window).resize(function() {

});



});



