/*//////////////////////////////////////////////////

	共通js

//////////////////////////////////////////////////*/


function marquee(){
	$('.js-marquee').each(function(){
        var marqueeH = $(this).height();
		
        $(this).children('.js-marquee__box').wrapAll('<div class="marquee__wrap"></div>');

		var wrapper = $(this).find('.marquee__wrap');
		var box = $(this).find('.js-marquee__box');
		var parts = $(this).find('.js-marquee__parts');
        var listW = parts.outerWidth(true);
        var listCount = parts.length;
		var speed = Math.abs(100 - listW) * 100 / 10;
				
        var loopW = (listW)*(listCount);
		
        wrapper.css({
            top: '0',
            left: '0',
            width: ((loopW)*2),
            height: (marqueeH),
            position: 'absolute'
        });

       $(this).css({
		   height: (marqueeH),
           width: (loopW)
        });
        marqueePosi();

        function marqueePosi(){
            wrapper.css({left:'0'});
			wrapper.stop().animate({left:'-' + (loopW) + 'px'},speed,'linear');
            setTimeout(function(){
                marqueePosi();
            },speed);
        }
		
		for(var i=0;i<3;i++){
			$(box).clone().appendTo(wrapper);
		}
    });
}

$(window).on('load', function(){
    marquee();
});
//
//$(function() {
//    var resizeTimer = null;
//    $(window).on('resize', function() {
//        clearTimeout(resizeTimer);
//        resizeTimer = setTimeout(function() {
//            marquee();
//        }, 200);
//    });
//});