var $ = require('jquery'),
    Hammer = require('yoho.hammer'),
    ellipsis = require('mlellipsis'),
    loading = require('../plugin/loading');

var employ,
    statu = 0,
    page = 1;

ellipsis.init();

function couponAJAX(statu, page) {
    loading.showLoadingMask();
    $.ajax({
        type: 'POST',
        url: '/home/couponData',
        dataType: 'html',
        data: {
            status: statu,
            page: page
        },
        success: function(data) {
            $('#employ').append(data);
            window.rePosFooter();
            loading.hideLoadingMask();
        }
    });
}

$('.yoho-footer').css('border-top', '1px solid #e0e0e0');
$('.employ span').each(function(index) {
    employ = new Hammer($('.employ span')[index]);
    employ.on('tap', function(e) {
        $('.employ span').removeClass('active').eq(index).addClass('active');
        $('#employ').html(' ');
        statu = index;
        page = 1;
        couponAJAX(statu, page);
        window.rePosFooter();
    });
});


function scrollHandler() {
    if ($(window).scrollTop() + $(window).height() > $('body').height() - 100) {
        page++;
        couponAJAX(statu, page);
        return;
    }
}

$(window).scroll(function() {
    window.requestAnimationFrame(scrollHandler);
});

couponAJAX(statu, page);