var $ = require('yoho.zepto'),
    lazyLoad = require('yoho.lazyload');

var $curNav,
    $navList = $('#discount-nav'),
    $newArrivalList = $('#discount-goods-list'),
    $goods = $newArrivalList.children('.goods-list');

lazyLoad($('img.lazy'));
$curNav = $navList.children('.focus');

$('#discount-nav').delegate('li', 'touchstart', function() {
    var $this = $(this),
        $content,
        index;

    if ($this.hasClass('focus')) {
        return;
    }

    index = $this.index();

    $this.addClass('focus');
    $curNav.removeClass('focus');

    $goods.not('.hide').addClass('hide');
    $content = $goods.eq(index);
    $content.removeClass('hide');

    $curNav = $this;

    $(document).trigger('scroll'); //Trigger lazyLoad
});