/*
 * detail页js
 * @author: yue.liu@yoho.cn
 * @date: 2015-04-16
 */

var $ = require('jquery'),
    share = require('../plugin/share'),
    box = require('../plugin/box'),
    imgZoom = require('../plugin/imgZoom'),
    tools = require('yoho-tools'),
    mustache = require('mustache'),
    //Handlebars = require('handlebars'),
    mulLine = require('mlellipsis'),
    flip = require("../plugin/flip"),
    slide = require("../plugin/photoslide"),
    jsonp = require('yoho-jsonp');


require('lazyload');
require('../plugin/slider');
require('../plugin/comment');
require('../plugin/content-paging');

exports.init = function() {
    var shareUrl = $(".share").attr("data-link"),
        shareCover = $(".share").attr("cover-url"),
        detailTitle = $(".detail-title").find("h1"),
        detailSubtitle = $(".detail-title").find("h2"),
        ajaxParam,
        i,
        data,
        cidNum;

    //边栏数据相关变量
    var adItem = '', //边栏广告
        sideVideoTpl, //边栏视频模板
        sideVideoData, //边栏视频数据
        sideVideoHtml, //边栏视频渲染的html
        sidePostTpl, //边栏relatedpost模板
        sidePostData, //边栏relatedpost数据
        sidePostHtml; //边栏relatedpost渲染的html

    //related-post截行相关变量
    var relatedPost,
        postList, //post列表
        totalLineNum, //总行数
        titleLineNum, //title行数
        subTitleLineNum; //subtitle行数

    //滑出边栏小视频side-video播放区域暂停相关变量
    var relatedPostsOffsetTop,
        relatedPostsTop,
        relatedPostsMarginLeft;

    //页面滑动热播位置变化相关变量
    var detailBodyOffsetTop,
        relatedPostsOffsetHeightTop,
        distance,
        eleTop,
        detailBodyHeight;

    //底部数据相关变量
    var bottomPostTpl, //底部relatedpost模板
        bottomPostData, //底部relatedpost数据
        bottomPostHtml; //底部relatedpost渲染的html

    //态度设置相关变量
    var exType = 0,
        isCancel = 0,
        attitudeData,
        attitudeDataWowIcon,
        attitudeWowNum,
        attitudeDataWtfIcon,
        attitudeWtfNum,
        attitudeDataZzzIcon,
        attitudeZzzNum;

    //兼容视频，IE等相关变量
    var video,
        ieVideo,
        ipadVideo,
        browser,
        b_version,
        version,
        trim_Version;

    //初始化截行插件
    mulLine.init();

    //分享
    share.init({
        shareUrl: shareUrl,
        img: shareCover,
        sinaText: '【Yoho!Girls】' + detailTitle.text() + '\r\n' + detailSubtitle.text() + '（来自Yoho!GIRL）',
        fbTextFunction: function() {
            return {
                des: '【Yoho!Girls】' + detailTitle.text() + '\r\n' + detailSubtitle.text() + '#Yoho!GIRL',
                name: '【Yoho!Girls】' + detailTitle.text() + '\r\n' + detailSubtitle.text() + '#Yoho!GIRL',
                caption: '【Yoho!Girls】' + detailTitle.text() + '\r\n' + detailSubtitle.text() + '#Yoho!GIRL',
                url: location.href
            }
        },
        tweetText: '【Yoho!Girls】' + detailTitle.text() + '\r\n' + detailSubtitle.text(),
        qqText: '【Yoho!Girls】' + detailTitle.text() + ' ' + detailSubtitle.text() + '（来自Yoho!GIRL）'
    });

    //懒加载
    $(".detail-body").find("img.lazy").lazyload({
        placeholder: "data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
    });

    //订阅
    $(".focus-us .textbox a").click(function() {
        var input = $(this).prev();
        if ($.trim(input.val()) === "") {
            //box.alert(tips.getTips("emailEmpty"),5);
            box.alert(11);
            return;
        }
        if (!tools.IYOHO_isEmail(input.val())) {
            //box.alert(tips.getTips("emailError"),5);
            box.alert(22);
            return;
        }
        window.open('/passport/subscribe/index?email=' + input.val());
    });

    $(".focus-us .textbox input").keydown(function(event) {
        if (event.keyCode === 13) {
            $(this).next().trigger("click");
        }
    });

    //图片轮播
    if ($(".detail-slide-body").size() > 0) {
        $(".detail-slide-ctrl-tabs").find("img.lazy").lazyload();
        $(".detail-slide-body").imgZoom({
            styleClass: 'detail-zoom'
        });

        $(".detail-slide-piclist").slider({
            pageCtrl: $(".detail-slide-ctrl-tabs"),
            pageCtrlAnimate: true
        });
    };

    //调用评论插件
    $(".stats-btn").on("click", ".comments", function() {
        cidNum = $(".comments-box").attr("cid");
        if ($(".comments-box").find(".comment-textarea").size() > 0) {
            if ($(".comments-box").css("display") === "none") {
                $(".comments-box").show();
            } else {
                $(".comments-box").hide();
            }
        } else {
            $(".comments-box").comment({
                cid: cidNum,
                thirdLogin: true,
                commentPageUrl: '/comment/default/list',
                publishUrl: '/comment/default/publish',
                deleteUrl: '/comment/default/delete'
            });
        }
    });

    //ajax参数
    ajaxParam = {
        id: $(".comments-box").attr("cid"),
        type: $(".comments-box").attr("ctype"),
        c: $(".comments-box").attr("cc"),
        twoc: $(".comments-box").attr("ctwoc")
    };

    //右侧side的数据获取
    jsonp({
        url: YohoConfig.mainUrl + '/channel/detail/getright?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc,
        success: function(response) {
            data = response.data;
            //广告
            for (i = 0; i < data.banners.length; i++) {
                adItem += '<a href="' + data.banners[i].link + '" target="_blank"><img src="' + data.banners[i].img + '" alt="" /></a>'
            }
            $(".detail-ad").html(adItem);

            //没有广告去掉margin
            if (data.banners.length == 0) {
                $(".detail-side .app-download").css("margin", 0);
            }

            //视频
            sideVideoTpl = $('#side-video-tpl').html();
            sideVideoData = {
                video: data.video
            }

            sideVideoHtml = mustache.render(sideVideoTpl, sideVideoData);
            $('.detail-side').append($(sideVideoHtml));

            if (navigator.userAgent.indexOf('iPad') !== -1) {
                // 封面视频播放器替换为H5的VIDEO标签
                if (!!$('.video-area').find('object').size()) {
                    $('.video-area').find('object').hide();
                    $('.side-video').find('video').show();
                }
            }

            //边栏related-post
            if (data.mosts.length <= 0) return;
            sidePostTpl = $('#side-related-posts').html();
            sidePostData = {
                relatedPost: {
                    postList: data.mosts
                }
            }
            sidePostHtml = mustache.render(sidePostTpl, sidePostData);
            $('.detail-side').append($(sidePostHtml));

            //边栏related-post根据行数截取字符
            relatedPost = $('.side-related-posts');
            postList = relatedPost.find("li");
            if (postList.length > 0) {
                totalLineNum = 3;
                postList.each(function(index, obj) {
                    titleLineNum = $(obj).find('h3').getTextLineNumber('title');
                    subTitleLineNum = $(obj).find('p').getTextLineNumber('subtitle');
                    if (titleLineNum > 2) {
                        $(obj).find('h3').mlellipsis(2);
                        titleLineNum = 2;
                    }
                    if (subTitleLineNum > totalLineNum - titleLineNum) {
                        $(obj).find('p').mlellipsis(totalLineNum - titleLineNum, 'detail');
                    }
                });
            }

            //滑出小视频播放区域暂停小视频
            $(window).resize(function() {
                relatedPostsOffsetTop = relatedPost.offset().top - $('#minEnterprise').outerHeight();
                relatedPostsTop = $('#minEnterprise').outerHeight();
                relatedPostsMarginLeft = $('.detail-container').width() / 2 - relatedPost.outerWidth();
            }).resize();
            $(window).bind('scroll', function() {
                function thisMovie(movieName) {
                    if (navigator.appName.indexOf('Microsoft') != -1) {
                        return window[movieName];
                    } else {
                        return document[movieName];
                    }
                }
                if ($('.side-video').size() > 0) {
                    if ($(window).scrollTop() >= $('.side-video').offset().top || $(window).scrollTop() < $('.side-video').offset().top - $(window).height()) {

                        try {
                            if (navigator.appName.indexOf('Microsoft') != -1) {
                                thisMovie('newestvideo').StopMovie();
                            } else if (navigator.userAgent.indexOf('iPad') !== -1) {
                                var videoId = document.getElementById('side-video-ipad');
                                videoId.pause();
                            } else {
                                $('.side-video').find('embed').get(0).StopMovie();
                            }

                        } catch (e) {}
                    }
                }

                if ($(window).scrollTop() >= relatedPostsOffsetTop && relatedPost.css('display') !== 'none') {
                    if (navigator.userAgent.indexOf('iPad') !== -1) return;
                    //right_tab_toped=true;
                    relatedPost.css({
                        'position': 'fixed',
                        'left': '50%',
                        'margin-left': relatedPostsMarginLeft,
                        'top': relatedPostsTop
                    });

                    //热播位置
                    detailBodyOffsetTop = $('.detail-body').offset().top;
                    detailBodyHeight = $('.detail-body').outerHeight();
                    relatedPostsOffsetHeightTop = relatedPost.offset().top + relatedPost.outerHeight();
                    distance = detailBodyHeight + detailBodyOffsetTop;
                    eleTop = distance - relatedPost.outerHeight();
                    if (relatedPostsOffsetHeightTop >= distance) {
                        relatedPost.css({
                            'position': 'absolute',
                            'top': eleTop - relatedPostsTop
                        });
                    }
                    if (relatedPost.offset().top - $(window).scrollTop() > relatedPostsTop) {
                        relatedPost.css({
                            'position': 'fixed',
                            'top': relatedPostsTop
                        });
                    }
                } else if ($(window).scrollTop() < relatedPostsOffsetTop && relatedPost.css('display') !== 'none') {
                    //right_tab_toped=false;
                    relatedPost.removeAttr('style').show();
                }


            });
        }
    });

    //底部数据的获取
    jsonp({
        url: YohoConfig.mainUrl + '/channel/detail/getbottom?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc,
        success: function(response) {
            data = response.data;

            var relatedPost = data.related,
                prevnext = data.prevnext,
                attitude = data.attitude,
                commentnum = data.commentnum;

            //底部related-post
            if (data.related.length > 0) {
                bottomPostTpl = $('#bottom-related-posts').html();
                bottomPostData = {
                    relatedPost: {
                        postList: data.related
                    }
                };
                // console.log(bottomPostData);
                // console.log(bottomPostTpl);

                //console.log(Handlebars);
                /*var tpl = Handlebars.compile(bottomPostTpl);
                var template = tpl(bottomPostData);*/
                bottomPostHtml = mustache.render(bottomPostTpl, bottomPostData);
                //console.log(tpl)
                $('.detail-body').append($(bottomPostHtml));

                postList = $('.related-posts').find("li");
                postList.eq(5).nextAll().hide();

                //底部related-post根据行数截取字符
                if (postList.length > 0) {
                    postList.each(function(index, obj) {
                        totalLineNum = 3;
                        titleLineNum = $(obj).find('h3').getTextLineNumber('title');
                        subTitleLineNum = $(obj).find('p').getTextLineNumber('subtitle');
                        if (titleLineNum > 2) {
                            $(obj).find('h3').mlellipsis(2);
                            titleLineNum = 2;
                        }
                        if (subTitleLineNum > totalLineNum - titleLineNum) {
                            $(obj).find('p').mlellipsis(totalLineNum - titleLineNum, 'detail');
                        }
                    });
                }
            }

            //上一篇下一篇
            if (data.prevnext.prev.title) {
                $(".news-next-prev .prev").show();
                $(".news-next-prev .prev").find("a").attr("href", prevnext.prev.link).attr("title", prevnext.prev.title).attr("onclick", "prevOrNextClickEvent();");
            }
            if (data.prevnext.next.title) {
                $(".news-next-prev .next").show();
                $(".news-next-prev .next").find("a").attr("href", prevnext.next.link).attr("title", prevnext.next.title).attr("onclick", "prevOrNextClickEvent();");
            }

            //态度
            if (data.attitude.userWow > 0) {
                $(".stats-btn .wow").addClass("current");
            };
            if (data.attitude.userWtf > 0) {
                $(".stats-btn .wtf").addClass("current");
            };
            if (data.attitude.userZzz > 0) {
                $(".stats-btn .zzz").addClass("current");
            };
            setattitude(data.attitude.wowCount, data.attitude.zzzCount, data.attitude.wtfCount);

            if (data.commentnum > 0) {
                $(".comment-num").text(data.commentnum).addClass('hasNum');
            } else {
                $(".comment-num").removeClass('hasNum');
            }
        }
    });

    //态度设置
    $(".stats-btn").on("click", "li", function() {
        if ($(this).index() == 3) return;
        exType = $(this).index() + 1;
        isCancel = 0;

        if ($(this).hasClass("current")) {
            isCancel = 1;
        }

        attitudeData = {
            id: ajaxParam.id,
            exType: exType,
            isCancel: isCancel
        };

        $.ajax({
            url: YohoConfig.mainUrl + '/channel/detail/setattitude',
            data: attitudeData,
            dataType: 'json',
            success: function(response) {
                $(".stats-btn").find("li").removeClass("current");

                if (response.data.userWow > 0) {
                    $(".stats-btn .wow").addClass("current");
                };
                if (response.data.userWtf > 0) {
                    $(".stats-btn .wtf").addClass("current");
                };
                if (response.data.userZzz > 0) {
                    $(".stats-btn .zzz").addClass("current");
                };
                setattitude(response.data.wowCount, response.data.zzzCount, response.data.wtfCount);
            }
        });
    });

    /*
     * 态度设置函数
     * @param：三种态度的数值
     */
    function setattitude(wow, zzz, wtf) {
        attitudeWowNum = $('.stats-btn .wow').find('span');
        attitudeZzzNum = $('.stats-btn .zzz').find('span');
        attitudeWtfNum = $('.stats-btn .wtf').find('span');
        if (wow == 0) {
            attitudeWowNum.removeClass('hasNum');
        } else {
            attitudeWowNum.addClass('hasNum');
            attitudeWowNum.text(wow);
        };

        if (zzz == 0) {
            attitudeZzzNum.removeClass('hasNum');
        } else {
            attitudeZzzNum.addClass('hasNum');
            attitudeZzzNum.text(zzz);
        };

        if (wtf == 0) {
            attitudeWtfNum.removeClass('hasNum');
        } else {
            attitudeWtfNum.addClass('hasNum');
            attitudeWtfNum.text(wtf);
        };
    }

    //relatedpost的loadmore事件
    $('.detail-body').on('click.loadMore', '.load-more', function() {
        $(this).fadeOut(500, function() {
            $('.related-posts').find('li').show();
        });
    })

    //翻转
    flip.init({
        wrapClass: ".yohoboy-flip",
        operate: "mouse"
    });

    //hr分页
    $(".detail-body").contentPaging();

    //兼容以前视频视频的大小
    video = $(".text-body").find("embed");
    ieVideo = $(".text-body").find("object");
    ipadVideo = $(".text-body").find("video");
    if ($(window).width() >= 1200) {
        video.css({
            "width": "738px",
            "height": "415px"
        });
        ieVideo.css({
            "width": "738px",
            "height": "415px"
        })
    } else if ($(window).width() <= 768) {
        ipadVideo.css({
            "width": "460px",
            "height": "259px"
        });
        video.css({
            "width": "460px",
            "height": "259px"
        });
        ieVideo.css({
            "width": "460px",
            "height": "259px"
        });
    } else {
        video.css({
            "width": "630px",
            "height": "354px"
        });
        ieVideo.css({
            "width": "630px",
            "height": "354px"
        });
    };

    //检测ie版本,ie7/8采用1024分辨率
    browser = navigator.appName;
    b_version = navigator.appVersion;
    version = b_version.split(";");
    if (version.length > 1) {
        var trim_Version = version[1].replace(/[ ]/g, "");
        if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE8.0" || browser == "Microsoft Internet Explorer" && trim_Version == "MSIE7.0") {
            ieVideo.css({
                "width": "630px",
                "height": "354px"
            })
        }
    }

    //ipad横竖屏切换
    $(window).resize(function() {
        clearTimeout(timer);
        var timer = setTimeout(function() {
            $(".detail-slide-piclist").slider('resize');
        }, 0)
    });
    slide.initSlide();

    //视频内容右下角浮层小视频同步播放
    exports.videoMiniPlayer = function() {
        var videoPlace = $(".detail-video"),
            videoWrap = $('.video-wrap'),
            video = videoWrap.find("object"),
            videoIpad = videoWrap.find("video"),
            videoHeight,
            videoOffsetHeight,
            headerNavHeight,
            scrollTop,
            smallVideoMarginLeft;

        if (video.size() > 0) {
            $(window).on("resize", function() {
                $(".detail-video").css({
                    "width": videoIpad.outerWidth(),
                    "height": videoIpad.outerHeight()
                })
            }).resize();
            videoWrap.addClass("suspend");

            videoHeight = videoWrap.outerHeight();
            videoOffsetHeight = videoWrap.offset().top;
            headerNavHeight = $("#minEnterprise").height();
            scrollTop = videoHeight + videoOffsetHeight - headerNavHeight;


            $(window).on("scroll", function() {
                if ($(window).scrollTop() > scrollTop && !videoWrap.hasClass("current") && !videoWrap.hasClass("close") && !videoWrap.hasClass("suspend") && !videoWrap.hasClass("stop")) {
                    videoWrap.css("opacity", 0);
                    videoWrap.addClass("current");

                    smallVideoMarginLeft = $(".detail-container").width() / 2 - videoWrap.outerWidth();
                    videoWrap.css("margin-left", smallVideoMarginLeft);
                    videoWrap.animate({
                        "opacity": 1
                    }, 1000);
                } else if ($(window).scrollTop() < scrollTop) {
                    videoWrap.css("opacity", 1);
                    videoWrap.removeClass("close").removeClass("current").removeAttr("style");
                }
            });

            //小视频关闭按钮
            $(".video-close-btn").on("click", function() {
                videoWrap.animate({
                    "opacity": 0
                }, 500, function() {
                    videoWrap.addClass("close").removeClass("current");
                });

            })
        }
    };


}

window.updateState = function() {
    seajs.use("channel/detail", function(detail) {
        detail.updateLogin();
    });
};


window.picLimited = function() {
    seajs.use("jquery/1.8.3/jquery.js", function($) {
        if ($(".text-body") <= 0) return;
        $(".text-body").find("img").css("max-width", "700px");
    });
};

window.normarlPlayer = function() {
    seajs.use("jquery/1.8.3/jquery.js", function($) {
        $(".video-wrap").removeClass("current");
    });
};

window.stopPlayer = function() {
    seajs.use('jquery/1.8.3/jquery.js', function($) {
        if ($(".video-wrap").hasClass("current")) {
            $(".video-wrap").animate({
                "opacity": 0
            }, 500, function() {
                $(".video-wrap").addClass("stop").removeClass("current");
            });
        } else {
            $(".video-wrap").addClass("stop").removeClass("current");
        }
    });
};

window.suspendPlayer = function() {
    seajs.use("jquery/1.8.3/jquery.js", function($) {
        $(".video-wrap").addClass("suspend");
    });
};

window.startPlayer = function() {
    seajs.use("jquery/1.8.3/jquery.js", function($) {
        $(".video-wrap").removeClass("stop").removeClass("suspend");
    });
};

//视频不能同时播放
window.thisMovie = function(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName];
    } else {
        return document[movieName];
    }
};

window.StopAnotherMovie = function(id) {
    seajs.use("jquery/1.8.3/jquery.js", function($) {
        var allVideo = $("body").find("embed");
        allVideo.each(function() {
            window.StopMovie();
        });
    });
};