/**
 * 头部
 * @author: wangqing<robin.wang@yoho.cn>
 * @date: 2015/12/01
 */

var $ = require('jquery');

/**
 * 获取顶部banner的回调函数
 * @param {[type]} data [description]
 */
window.JsonPCallBack = function(data) {
    if (+data.code === 200) {
        if (typeof data.data === 'object') {
            var topbanner = '<a target="_blank" href="' + data.data.url + '" class="page-top-banner" style="height:50px;border:none;background-image:url(' + window.unescape(data.data.src) + ');background-position: center;display:block;background-color:#ff5409;">&nbsp;</a>';
            $('body').prepend(topbanner);
        }
    }
}

var noticeSuccess = false;

/**
 * 获取公告的回调函数
 */
window.NoticeCallBack = function(data) {
    if (+data.code === 200) {
        noticeSuccess = true;
    }
}
/**
 * 检测是否获得公告
 * @return {[type]} [description]
 */
function checkNotice() {
    if (!noticeSuccess) {
        var noticeinner = '<div class="noticewrapper">' +
            '<div class="noticecontainer">' +
            '<h1 class="noticetitle">关于系统升级的公告</h1>' +
            '<div class="noticecontent">' +
            '<p class="tips">尊敬的顾客:</p>' +
            '<p class="detail">您好！为了向您提供更优质的服务，目前系统正在升级，请耐心等待。</p>' +
            '<p class="detail">' +
            '系统升级期间，部分地区用户体验会有暂时中断，如遇紧急事宜，欢迎垂询客服热线：400-889-9646 09:00-22:30(周一至周日)。稍后系统将恢复正常' +
            '</p>' +
            '<p class="detail">使用，欢迎您继续光顾YOHO!BUY有货！带来不便之处深表歉意，请您谅解！</p>' +
            '</div>' +
            '</div>' +
            '</div>';
        $('.header-topwrapper').append(noticeinner);
    }
}
/**
 * 获得banner数据
 * @param  {[string]} code [banner对应的编码]
 * @return {[type]}      [description]
 */
function getBannerData(code) {
    var script = document.createElement("script");
    script.src = 'http://new.yohobuy.com/resource/getbanner?content_code=' + code + '&client_type=web&callback=JsonPCallBack';
    document.getElementsByTagName("head")[0].appendChild(script);
}
/**
 * 获取公告的jsonp请求
 * @param  {[type]} code [description]
 * @return {[type]}      [description]
 */
function getNoticeData(code) {
    var script = document.createElement("script");
    script.src = 'http://new.yohobuy.com/resource/getbanner?content_code=' + code + '&client_type=web&callback=NoticeCallBack';
    document.getElementsByTagName("head")[0].appendChild(script);
    window.setTimeout(checkNotice, 5000); //5s后检测是否成功
}
/**
 * 显示和隐藏
 * @param  {[type]} sourceClass [description]
 * @param  {[type]} targetClass [description]
 * @return {[type]}             [description]
 */
function toggleDisplay(sourceClass, targetClass) {
    $(sourceClass).hover(function(e) {
        e.preventDefault();
        var that = $(this),
            target_obj = $(targetClass)[0];
        if (target_obj.style.display === '') {
            that.addClass('acttags');
            target_obj.style.display = "block";
        } else {
            that.removeClass('acttags');
            target_obj.style.display = "";
        }
    })
}

/**
 * 执行顶部显示和隐藏
 * @return {[type]} [description]
 */
function actionTopTagToggle() {
    var tags = [{
        sourceClass: '.myyoho',
        targetClass: '.myyoho-info'
    }, {
        sourceClass: '.phone',
        targetClass: '.qr'
    }];
    for (var i = 0; i < tags.length; i++) {
        var obj = tags[i];
        toggleDisplay(obj.sourceClass, obj.targetClass)
    }
}
/**
 * 执行顶部群组鼠标交互
 * @return {[type]} [description]
 */
function actionYoHoGroup() {
    $('.yohogroup').mouseenter(function() {
        var $this = $(this);
        $this.text($this.attr('cn'));
    })
    $('.yohogroup').mouseleave(function() {
        var $this = $(this);
        $this.text($this.attr('en'));
    })
}

/**
 * 检测是否支持css3的动画
 * @return {Boolean} [description]
 */
function isSupportCss3Animation() {
    var prefixList = ['webkit', 'moz', 'ms'];
    for (var i = 0; i < prefixList.length; i++) {
        thisFunc = prefixList[i] + 'RequestAnimationFrame';
        if (window[thisFunc]) {
            return true;
        } else {
            return false;
        }
    }

}

/**
 * css3动画闭包
 * @param  {Array}  ) {               var thisFunc, prefixList [description]
 * @return {[type]}   [description]
 */
var requestFrame = (function() {
    var thisFunc, prefixList = ['webkit', 'moz', 'ms'];
    for (var i = 0; i < prefixList.length; i++) {
        thisFunc = prefixList[i] + 'RequestAnimationFrame';
        if (window[thisFunc]) {
            return function(callback) {
                window['requestAnimationFrame'](callback);
            }
        }
    }
    return function(callback) {
        window.setTimeout(callback, 67);
    }
})();



var start = 0,
    logotrans = $('.icon-logo');
var isen = true;
/**
 * css3动画
 * @return {[type]} [description]
 */
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)');
            isen = false;
        } else {
            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, 1 * 60 * 1000);
        } else {
            requestFrame(function() {
                tsAnimate();
            })
        }
    }
}

var loopdurationtime = 500;
var globaltimeout;
/**
 * 淡出
 * @return {[type]} [description]
 */
function fadeAnimate() {
    if (globaltimeout) {
        window.clearTimeout(globaltimeout);
    }
    logotrans.fadeOut(loopdurationtime, function() {
        isen = false;
        logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo.png)');
        logotrans.fadeIn(loopdurationtime, function() {
            var onetimeoout = window.setTimeout(function() {
                logotrans.fadeOut(loopdurationtime, function() {
                    window.clearTimeout(onetimeoout);
                    isen = true;
                    logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
                    logotrans.fadeIn(loopdurationtime, function() {
                        globaltimeout = window.setTimeout(fadeAnimate, 1 * 60 * 1000);
                    })
                })
            }, 3000)
        })
    })
}
/**
 * 执行头部logo动画
 * @return {[type]} [description]
 */
function actionTopLogoAnimate() {
    if (isSupportCss3Animation()) {
        window.setTimeout(tsAnimate, 3000);
    } else {
        window.setTimeout(fadeAnimate, 3000);
    }
}
/**
 * 查询跳转后保留关键字
 * @return {[type]} [description]
 */
function actionAddKeyWords() {
    var keywords = $('#nav_keyword').text();
    var defaultsearch = 'vans';
    var $query_key = $('#query_key');
    if (keywords !== '') {
        $query_key.css({
            'color': '#000'
        });
        $query_key.val(keywords);
    } else {
        $query_key.css({
            'color': '#e0e0e0'
        });
        $query_key.val(defaultsearch);
        $query_key.on('focus', function(e) {
            $query_key.css({
                'color': '#000'
            });
            $query_key.val('');
        })
    }
}
/**
 * 搜寻的时候过滤非法字符（+-/:等非法字符单独出现）
 * @type {RegExp}
 */
var reg = /^[\^\!\+\-\(\)\:\[\]\\\{\}\~\*\?\|\&\;\/\s]{0,}$/g;
var keyword = '';
var link = '';

window.submitSearch = function() {
    var keyword_input = $('#query_key').val().replace("'", "\'");
    var column = 'Search';
    var postition = 'Head Search';
    var event = 'Search';
    getSource(column, postition, event);
    if ((link != '') && (keyword != '') && ($.trim(keyword.toLowerCase()) == $.trim(keyword_input.toLowerCase()))) {
        location.href = link.replace("\'", "'");
    } else {
        if (reg.test(keyword_input)) {
            location.href = 'http://search.yohobuy.com/error?query=' + keyword_input + '&result=error';
        } else {
            $('#searchForm').submit();
            return false;
        }
    }
}
/**
 * banner和地址的映射
 * @type {Object}
 */
var bannerMap = {
    listboys: '4f78b0f418fc42314d8b6e791cfb7fa8',
    listgirls: '00c1f025a51b6b597dc37925951ea27d',
    listkids: 'b02df11184727701ade1b6de9737d08c',
    listlifestyle: 'fd35c52dced0c880976ba858346d1fc5',
    searchboys: '9fb8986ea700cc27a8057361c3924394',
    searchgirls: 'e3e207a1443ca60c8037fe52a5560c18',
    searchkids: '620fc77f479da8feaeb06f2324e5d0bb',
    searchlifestyle: 'a3c93301c6ffaf3ed0f36a4a451be36d',
    uniquebrandboys: '2ebb0810c0d1a67e5229149c9c3aba7d',
    uniquebrandgirls: '99e23385f4ba4b65f406b7e2968ac821',
    uniquebrandkids: 'a74ebc9b17840c91b9ea46568111fe6b',
    uniquebrandlifestyle: '0e8c81ead53f56302baa4d0ad967f527',
    brandsboys: '77b352db07129c76a9d532acad149f9f',
    brandsgirls: 'bf047f16e52ebc38be5ce9c7623831e6',
    brandskids: 'e3ae1ce9b5e13c6d271ef3eccb831652',
    brandslifestyle: 'e4ac8029c30f65d7f1af030980d140fe',
    newboys: '869d3c5f3b450fb52101d00a61ce87cb',
    newgirls: 'd953b6dfdac02483d1dcce8d96055954',
    newkids: '0874cb6d75df8e0e78f2d475e53ecc08',
    newlifestyle: '43e8fc8e178115c262bbce2bd0012db7',
    saleboys: 'c846e3165c994769b4201d8c32f3ae9b',
    salegirls: '52b1d389edcbc62d65de71b80c4d6ad0',
    salekids: 'ad8b1703c761ba00973868ab5199cc27',
    salelifestyle: '7acc64905c70ac91846f43fb2cec4bbd',
    homeboys: 'b0856a771ef1b59ab1234c74688fa42d',
    homegirls: '2bd61fa12e4933211518f70fe5ce3c48',
    homekids: '895c59e8c64b40399c9533509507320c',
    homelifestyle: '2e037d4e25d2767352ca3e0a4627f7bd',
    indexboys: '0c911d3000f52e8ca7cffb74f5864c29',
    indexgirls: 'b645b8980c423ab30485e0a9d08c2ef7',
    indexkids: '17f6d5d5d454d2c507bc5fcbc90f7756',
    indexlifestyle: '735cd393e841762af8793c346abbbc36'
};
/**
 * cookie集合
 * @type {Object}
 */
var cookieMap = {};

function exeCookieMap() {
    var cookies = document.cookie;
    var cookiearr = cookies.split(';');
    for (var i = 0; i < cookiearr.length; i++) {
        var temparr = cookiearr[i].split('=');
        var key = temparr[0].replace(/\s/g, '');
        cookieMap[key] = temparr[1];
    }
}

/**
 * 获得banner & 异常通知
 * @return {[type]} [description]
 */
function actionGetBannerAndNotice() {
    var url = window.location.href;
    var host = window.location.host;
    var code = '';
    if (url.indexOf('search') !== -1) {
        code = bannerMap['search' + cookieMap._Channel];
    }
    if (url.indexOf('list') !== -1) {
        code = bannerMap['list' + cookieMap._Channel];
    }
    if (url.indexOf('brands') !== -1) {
        code = bannerMap['brands' + cookieMap._Channel];
    }
    if (url.indexOf('new') !== -1) {
        code = bannerMap['new' + cookieMap._Channel];
    }
    if (url.indexOf('sale') !== -1) {
        code = bannerMap['sale' + cookieMap._Channel];
    }
    if (url.indexOf('home') !== -1) {
        code = bannerMap['home' + cookieMap._Channel];
    }
    if (url.indexOf('kids') !== -1) {
        code = bannerMap['indexkids'];
    }
    if (url.indexOf('woman') !== -1) {
        code = bannerMap['indexgirls'];
    }
    if (url.indexOf('lifestyle') !== -1) {
        code = bannerMap['indexlifestyle'];
    }
    if (url.indexOf('www.yohobuy.com') !== -1 && window.location.pathname === '/') {
        code = bannerMap['indexboys'];
    }
    var firstarea = host.split('.')[0];
    if (firstarea !== 'list' && firstarea !== 'search' && firstarea !== 'www' && firstarea !== 'new' && firstarea !== 'item' && firstarea !== 'guang') {
        code = bannerMap['uniquebrand' + cookieMap._Channel];
    }

    getBannerData(code); //获得banner信息
    getNoticeData(code); //获得公告信息

}
/**
 * 品牌左右切换
 * @return {[type]} [description]
 */
function actionBrandChange() {
    //品牌栏目切换js
    if ($('.hot-brands').size() > 0) {
        var activeIndex = 0,
            swiperLen = $('.hot-brands').find('ul').size();
        $('.hot-brands').find('ul').eq(0).css({
            'opacity': 1,
            'z-index': 2
        })
        $('.brands-control').on('click', '.next', function() {
            if (activeIndex == swiperLen - 1) {
                activeIndex = 0
            } else {
                activeIndex++;
            }
            brandSwitch(activeIndex);
        });
        $('.brands-control').on('click', '.prev', function() {
            if (activeIndex == 0) {
                activeIndex = swiperLen - 1;
            } else {
                activeIndex--;
            }
            brandSwitch(activeIndex);
        });

        function brandSwitch(index) {
            $('.hot-brands').find('ul').stop().animate({
                'opacity': 0,
                'z-index': 1
            }, 200).eq(index).animate({
                'opacity': 1,
                'z-index': 2
            }, 200);
        }
    }
}
/**
 * 初始化函数
 * @return {[type]} [description]
 */
exports.init = function() {
    actionYoHoGroup(); //执行顶部群组鼠标交互
    actionTopTagToggle(); //执行顶部显示和隐藏
    actionTopLogoAnimate(); //执行头部logo动画
    actionGetBannerAndNotice();//获取顶部banner&服务器异常通知
    actionBrandChange();//品牌左右切换 
    actionAddKeyWords(); //查询跳转后保留关键字
}