/*
 * 首页 JS
 * @author xuqi/liuyue
 * @date: 2015/7/15
 */

var $ = require('yoho.jquery'),
    swiper = require('yoho.iswiper'),
    lazyLoad = require('yoho.lazyload'),
    bannerSwiper,
    hotBrandsSwiper,
    recommendSwiper,
    trendTopicSwiper,
    goodsSwiper;

require('./common/maybe-like');

//lazyload
lazyLoad();

//点击首页汉堡menu图标，滑出侧栏导航
$('.nav-btn').on('click', function(event) {
    if (!$(this).hasClass('menu-open')) {
        $('.mobile-wrap').addClass('menu-open');
        $('.overlay').addClass('show');
        $('.side-nav').addClass('on');
        //设置boy高宽，页面不能上下滑动
        $('body').css({
            height: $(window).height(),
            width: '100%',
            overflow: 'hidden'
        });
    }
    event.stopPropagation();
});

//点击页面主体，收起侧栏导航及二级导航
$('.mobile-wrap').on('click', function() {
    if ($(this).hasClass('menu-open')) {
        $('.mobile-wrap').removeClass('menu-open');
        $('.overlay').removeClass('show');
        $('.sub-nav').removeClass('show');
        $('.side-nav').removeClass('on');
        $('body').css({
            height: 'auto',
            overflow: 'auto'
        })
    }
});

//点击一级导航，弹出二级导航
$('.side-nav').on('click', 'li', function() {
    if ($(this).find('.sub-nav').size() > 0) {
        $('.sub-nav').removeClass('show');
        $(this).find('.sub-nav').addClass('show');
    }
});

//返回一级导航，收起二级导航
$('.sub-nav').each(function() {
    $(this).find('li').eq(0).on('click', function() {
        $('.sub-nav').removeClass('show');
        event.stopPropagation();
    });
});

//二级导航样式控制
$('.sub-nav').on('mouseenter', 'li', function() {
    $(this).addClass('current').siblings().removeClass('current');
});

//头部banner轮播
if ($('.banner-swiper').find('li').size() > 1) {
    bannerSwiper = new swiper('.banner-swiper', {
        loop: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: false,
        paginationClickable: true,
        slideElement: 'li',
        pagination: '.banner-top .pagination-inner'
    });
};

//热门品牌滑动
hotBrandsSwiper = new swiper('.brands-swiper', {
    grabCursor: true,
    slidesPerView: 'auto',
    wrapperClass: 'brands-list',
    slideElement: 'li'
});

//推荐搭配滑动
recommendSwiper = new swiper('.recommend-swiper', {
    grabCursor: true,
    slidesPerView: 'auto',
    wrapperClass: 'recommend-list',
    slideElement: 'li'
});

//潮品话题轮播
if ($('.trend-topic-swiper').find('li').size() > 1) {
    trendTopicSwiper = new swiper('.trend-topic-swiper', {
        loop: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: false,
        paginationClickable: true,
        slideElement: 'li',
        pagination: '.trend-topic-content .pagination-inner'
    });
};

//潮流上装/经典裤装等轮播
$('.category-swiper').each(function(i, index) {
    var swiperClass = 'category-swiper' + i;
    $(this).addClass(swiperClass);
    if ($('.' + swiperClass).find('.swiper-slide').size() > 1) {
        goodsSwiper = new swiper('.' + swiperClass, {
            loop: true,
            autoplay: 3000,
            autoplayDisableOnInteraction: false,
            paginationClickable: true,
            slideElement: 'li',
            pagination: '.' + swiperClass + ' .pagination-inner'
        });
    }
});


//回到顶部
$('.back-to-top').bind('touchstart', function(e) {
    e.preventDefault();
    $(window).scrollTop(0);
});

//关闭头部下载浮层
$('.header-download').on('click', '.close-btn', function() {
    $(this).parent().remove();
});


//logo动画
var requestFrame = (function() {
    var thisFunc, prefixList = ['webkit', 'moz', 'ms'];
    for (var i = 0; i < prefixList.length; i++) {
        thisFunc = prefixList[i] + 'RequestAnimationFrame';
        if (window[thisFunc]) {
            supportCss3 = true;
            return function(callback) {
                window[thisFunc](callback);
            }
        }
    }
    return function(callback) {
        window.setTimeout(callback, 67);
    }
})();
var start = 0,
    logotrans = $('.home-header .logo');
var isen = true;

/*function tsAnimate() {
    start = start + 10;
    logotrans.css({
        "transform": 'rotateX(' + start + 'deg)',
        "-webkit-transform": 'rotateX(' + start + 'deg)',
        "-moz-transform": 'rotateX(' + start + 'deg)'
    });
    if (start / 90 % 2 == 1) { //
        if (isen) {
            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo1.png)');
            logotrans.addClass('animate');
            isen = false;
        } else {
            logotrans.removeClass('animate');
            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
            isen = true;
        }
    }
    if (start / 90 % 2 == 0 && start % 360 !== 0) {
        window.setTimeout(tsAnimate, 3000);
    } else {
        if (start % 360 === 0) {
            window.setTimeout(tsAnimate, 3 * 60 * 1000);
        } else {
            requestFrame(function() {
                tsAnimate();
            })
        }
    }
}

tsAnimate();*/