/**
 * 分类
 * @author: berry<lixia.zhang@yoho.cn>
 * @date: 2016/4/25
 */
let $ = require('yoho-jquery');

let $allProductCell = $('.allproduct'),
    $categoryContainer = $('.category-container'),
    $contents = $categoryContainer.children('.content'),
    $subLevelItem = $categoryContainer.find('.sub-level li'),
    $trilangle = $categoryContainer.find('.primary-level-trilangle');

require('common');

// 初始化container高度
(function() {
    let $header = $('.yoho-header');
    let h = $(window).height() - $header.outerHeight() - $allProductCell.outerHeight();
    let trilangleRightMargin = $(window).width() * 0.55;

    $categoryContainer.css('min-height', h);
    $trilangle.css('margin-right', trilangleRightMargin);
    $contents.height(h);

}());


$categoryContainer.on('touchend', function(e) {
    let $this = $(e.target),
        $subLevel,
        $cur, index,
        $subLevelContainer, $trilangleItem;

    $cur = $this.closest('.p-level-item');

    // 第一次单击右则空白处，出现冒泡
    if ($(e.target).closest('.sub-level').length <= 0) {
        e.preventDefault();
    }

    $subLevelContainer = $this.closest('.content').find('.sub-level-container');
    $subLevelContainer.removeClass('hide');

    if ($cur.length > 0) {
        index = $cur.index();
        $subLevel = $this.closest('.content').find('.sub-level');
        $trilangleItem = $this.closest('.content').find('.primary-level-trilangle');

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

        $subLevel.not('.hide').addClass('hide');
        $subLevel.eq(index).removeClass('hide');

        $trilangleItem.not('.hide').addClass('hide');
        $trilangleItem.eq(index).removeClass('hide');
    }
});

$categoryContainer.find('.sub-level').on('touchstart', 'li', function() {
    $subLevelItem.removeClass('highlight');
    $(this).addClass('highlight');
}).on('touchend touchcancel', 'li', function() {
    $(this).removeClass('highlight');
});

$allProductCell.on('touchstart', function() {
    $(this).addClass('highlight');
}).on('touchend touchcancel', function() {
    $(this).removeClass('highlight');
});