$(window).bind(
    'resize',
    function(){
        var api = $(".scrollable").data("scrollable");
        ;
        $(".scrollable-items" + " > div").width($("body").width());
        $(".scrollable-items").css("left",-1*api.getIndex()*$("body").width());
    });
$(document).ready(function(){
    
    /*$(".page").cycle({
    slideExpr:".action-content",
    fx: 'custom', timeout: 1, speed: 1000,sync:1
        ,cssBefore: {
        left: "100%",
        top: 0,
        opacity: 0,
        display: 'block'
        },
        animOut: {
        opacity: 1,
        left: "-100%"
        },
        animIn: {
        top: 0,
        left:0,
        opacity: 1
        },
        cssAfter: {
        opacity: 0
        },
        before:function(currSlideElement, nextSlideElement, options, forwardFlag){
            var ac1 = $(currSlideElement).attr("action");
            var ac2 = $(nextSlideElement).attr("action");
            $('.action-tab[action = "'+ac1+'"]').fadeOut("slow");
            $('.action-tab[action = "'+ac2+'"]').fadeIn("slow");
        }
        
    });
    $(".action-next").click(function(){
        $(".page").cycle("next");
    });
    $(".action-prev").click(function(){
        
        $(".page").cycle("prev");
        
    });*/
    makeSlideshow({
        wrap:".scrollable",
        items:".scrollable-items",
        next:".action-next",
        prev:".action-prev",
        interval:7000
    });
    
});