// 幅
var sliderWidth  = 960;
// 高さ
var sliderHeight = 92;
// スライダーを適用する要素
var sliderTarget = '#slider';
// アニメーションスピード
var sliderSpeed = 0.03;


// 進んでいる方向（オンマウスでアニメーションが止まった時のために覚えておく）
var houkou = 1;
function mySlider(width, now) {

    if (houkou == 1) {
        var time = (width + now) / sliderSpeed;
        $('#slider ul').animate(
            {left: -width}, time, 'linear', function() { houkou = 2; mySlider(width, -width); }
        );
    } else {
        var time = now / -sliderSpeed;
        $('#slider ul').animate(
            {left: 0}, time , 'linear', function() { houkou = 1; mySlider(width, 0); }
        );
    }
}

$(document).ready(function () {
    var obj = $(sliderTarget);
    var parentW = obj.width();
    var s = $('li', obj).length;
    var w = $('li', obj).width();

    var width = 0;
    var num = 0;

    if (parentW > s*w) {
        return;
    }

    for (var num = 1; num <= s; num++) {
        if (parentW < w * num) {
            break;
        }
    }

    obj.width(sliderWidth);
    obj.height(sliderHeight);

    obj.css('position', 'relative')
       .css('overflow', 'hidden');

    $('ul', obj).css('width', s*w+8)
                .css('position', 'absolute');

    var width = s*w - sliderWidth + 10;
    mySlider(width, 0);

    $('#slider li').mouseout(function () {
        mySlider(width, parseInt($('#slider ul').css('left')));
    }).mouseover(function () {
        $('#slider ul').queue([]);
        $('#slider ul').stop();
    });
});