var Slide = require('./yohoui/YH.slide');
var $ = require('yoho.jquery');

var $contain = $('.slide-list', '.slide-accordion');
var $item = $contain.find('li');

var $width = 650;
var slide;

function switchfun(to) {
    $item.each(function(index) {
        if (index <= to) {
            $(this).stop().animate({
                left: index * (120 + 5)
            });
        } else {
            $(this).stop().animate({
                left: (to) * (120 + 5) + $width + (120 + 5) * (index - to - 1)
            });
        }
    });
}

switchfun(0);

slide = new Slide({
    length: 5,
    loop: false,
    auto: false,
    timeout: 2,
    index: 3
});

slide.on('change', function(data) {
    switchfun(data.to);
});

$item.mouseover(function() {
    slide.go($(this).index());
});

slide.init();