$.scrollable = {};
$.scrollable.items = [];

function makeSlideshow(options){
    if($(options.wrap).size()==0) return;
    $(options.wrap).click(function(){
        $(this).append('<input type=hidden class="notrun" value=1 />');
    });
    $(options.next).add(options.prev).click(function(){
        $(this).parent().find('.scrollable').append('<input type=hidden class="notrun" value=1 />');
        if($(this).hasClass('scrollable-disabled'))return false;
    });
    $(options.items + " > div").width($("body").width());
    
    $.scrollable.items[options.wrap]=[];
     $.scrollable.items[options.wrap]['run'] = true;
    for(var i = 1; i<=$(options.items + " > div").size();i++)  $.scrollable.items[options.wrap][i] = {loaded:0};
    $(".scrollable").scrollable({
        next:options.next,
        prev:options.prev,
        keyboard:false,
        circular:true,
        disabledClass:'scrollable-disabled',
        onBeforeSeek:function(event,a){
            var conf = this.getConf();
            var items = this.getItems();
            var aa = a;
            if(a<0)aa=items.length+a;
            var img = $(items[aa]).find(".left-slides-actions img");
            if(img.length && !img.attr('src')){
                img.attr('src',img.attr('srcjs'));
                img.load({wrap:this.getRoot().context,index:a},moveScrollable);
                $(items[this.getIndex()]).append("<img class='scrollable-preloder' src='/i/preloader-red.gif' style='margin:-15px 0 0 -15px;position:absolute;top:50%;lefT:50%;z-index:1000;'/>");
                $(conf.next).add(conf.prev).css({opacity:0.5}).addClass(conf.disabledClass);
                return false;
            }
            else{
                $(conf.next).add(conf.prev).animate({opacity:0},200,'linear',function(){$(this).animate({opacity:1},200,'linear');});
            }
        },
        onSeek:function(event){
            $('.scrollable-preloder').remove();
            var ind=this.getIndex()+1;
            var items = this.getItems();
            var img = $(items[ind]).find(".left-slides-actions img");
            //if(img && !img.attr('src'))img.attr('src',img.attr('srcjs'));

            var conf = this.getConf();
            var img = $('.'+conf.clonedClass).find(".left-slides-actions img");
            img.each(function(){
                var img = $(this);
                if(img && !img.attr('src'))img.attr('src',img.attr('srcjs'));
            });
        }
    });
    
    if(options.interval && $('#notrotate').size()==0){
        setTimeout("nextSlide('"+options.wrap+"','"+options.items+"',"+options.interval+")",options.interval);
    }
    var api = $(options.wrap).data("scrollable");
    var ind=api.getIndex();
    var items = api.getItems();
    var img = $(items[ind]).find(".left-slides-actions img");
    if(!img.attr('src'))img.attr('src',img.attr('srcjs'));
}

function nextSlide(wrap,items,interval){
    if($(wrap).find('.notrun').size())
        $.scrollable.items[wrap]['run'] = false;
    if(!$.scrollable.items[wrap]['run']) return;
    var api = $(wrap).data("scrollable");
    api.next();
    setTimeout("nextSlide('"+wrap+"','"+items+"',"+interval+")",interval);

}

function moveScrollable(event){
    var wrap = event.data.wrap;
    var index = event.data.index;
    var api = $(wrap).data("scrollable");
    var conf = api.getConf();
    $('.scrollable-preloder').remove();
    $(conf.next).add(conf.prev).css({opacity:1}).removeClass(conf.disabledClass);
    api.seekTo(index);
}