/**
 * 定义布局对象CCBUI
 */
var PLayout = {
    bfree: '<div class="bfree_bg" id="bfree" style="display: none;">' +
        '	<div class="bfree_nav" id="bfreeNav">' +
        // '		<div class="tit"><ul><span>轻松阅读<br>服务设置</span></ul></div>' +
        '		<div class="lis">' +
        '			<ul>' +
        // '				<li><a href="javascript:void(0);" id="bfree_bar_home" onclick="$(\'#pnav_V6010000\').click();"><i class="icon home"></i>首页</a></li>' +
        // '				<li><a href="javascript:void(0);" onClick="window.history.back();" id="bfree_bar_back"><i class="icon back"></i>后退</a></li>' +
        // '				<li><a href="javascript:void(0);" onClick="window.history.forward()" id="bfree_bar_preview"><i class="icon preview"></i>前进</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_fullscreen"><i class="icon b_fullscreen"></i>全屏</a></li>' +
        '				<i class="line"></i>' +
        '				<li class="active"><a href="javascript:void(0);" id="bfree_bar_soundOnOff"><i class="icon soundOff"></i>声音开关</a></li>' +
        '				<li class="active"><a href="javascript:void(0);" id="bfree_bar_Pointer"><i class="icon pointerOn"></i>语音指读</a></li>' +
        // '				<li><a href="javascript:void(0);" id="bfree_bar_speaking"><i class="icon speaking"></i>语音连读</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_speedUp"><i class="icon speedUp"></i>语音加速</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_speedDown"><i class="icon speedDown"></i>语音减速</a></li>' +
        '				<i class="line"></i>' +

        '				<li><a href="javascript:void(0);" id="bfree_bar_pageZoomIn"><i class="icon pageZoomIn"></i>页面增大</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_pageZoomDe"><i class="icon pageZoomDe"></i>页面缩小</a></li>' +
        // '				<li><a href="javascript:void(0);" id="bfree_bar_fontBig"><i class="icon fontBig"></i>字体增大</a></li>' +
        // '				<li><a href="javascript:void(0);" id="bfree_bar_fontSmall"><i class="icon fontSmall"></i>字体缩小</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_highContrast"><i class="icon highContrast"></i>配色</a>' +
        '					<ul class="highContrast">' +
        '						<i class="myArrow1"><img src="/P1StaRes/V6/STY1/CN/images/arrows-1.png"></i>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_highContrast_1"><span>白底黑字</span></a></li>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_highContrast_2"><span>蓝底黄字</span></a></li>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_highContrast_3"><span>黄底黑字</span></a></li>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_highContrast_4"><span>黑底黄字</span></a></li>' +
        '						<li class="active"><a href="javascript:void(0);" id="bfree_list_highContrast_5"><span>原始配色</span></a></li>' +
        '					</ul>' +
        '				</li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_BigText"><i class="icon bigtextOff"></i>大字幕</a></li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_arrows"><i class="icon mouseArrow"></i>鼠标样式</a>' +
        '					<ul class="shubiao" id="shubiao">' +
        '						<i class="myArrow1"><img src="/P1StaRes/V6/STY1/CN/images/arrows-1.png"></i>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_arrow_1"><img src="/P1StaRes/V6/STY1/CN/images/shubiao_bai.png"></a></li>' +
        '						<hr>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_arrow_2"><img src="/P1StaRes/V6/STY1/CN/images/shubiao_huang.png"></a></li>' +
        '						<hr>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_arrow_3"><img src="/P1StaRes/V6/STY1/CN/images/shubiao_lan.png"></a></li>' +
        '						<hr>' +
        '						<li><a href="javascript:void(0);" id="bfree_list_arrow_4"><img src="/P1StaRes/V6/STY1/CN/images/shubiao_lv.png"></a></li>' +
        '						<hr>' +
        '						<li class="active"><a href="javascript:void(0);" id="bfree_list_arrow_5"><img src="/P1StaRes/V6/STY1/CN/images/shubiao_ys.png"></a></li>' +
        '					</ul>' +
        '				</li>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_guides"><i class="icon guides"></i>十字线</a></li>' +
        '				<i class="line"></i>' +
        '				<li><a href="javascript:void(0);" id="bfree_bar_speakOnly"><i class="icon speakonly"></i>读屏专用</a></li>' +
        '				<li><a href="javascript:void(0);" onClick="bfree_fn(\'off\')" id="bfree_bar_exit"><i class="icon quit"></i>退出服务</a></li>' +       
        '			</ul>' +
        '		</div>' +
        '	</div>' +
        '</div>' +
        '<div class="bfree_spkoly_bg" id="SpeakerOnly">' +
        '		<div class="bfree_spkoly">' +
        '			<div class="bfree_spkoly_nav">' +
        '				<a href="javascript:void(0)" title="声音开关" id="bfree_spk_soundOnOff" class="active">' +
        '					<i class="icon soundOff"></i>' +
        '				</a>' +
        // '				<a href="/CCBIS/B2CMainB1L1?SERVLET_NAME=B2CMainB1L1&CCB_IBSVersion=V6&PT_STYLE=1&USERID=' + top.DAT_USERBASE.USERID + '&BRANCHID=' + top.DAT_USERBASE.BRANCHID + '&SKEY=' + top.DAT_USERBASE.SKEY + '&TXCODE=WT0001" target="_blank" title="帮助" id="bfree_cz">' +
        // '					<i class="icon help"></i>' +
        // '				</a>' +
        '				<a href="javascript:void(0)" title="大字幕" id="bfree_spk_BigText" class="active">' +
        '					<i class="icon bigtextOff"></i>' +
        '				</a>' +
        '				<a href="javascript:void(0)" title="退出“读屏专用”" id="bfree_spk_speakOnly">' +
        '					<i class="icon speakonly"></i>' +
        '				</a>' +
        '				<a href="javascript:void(0)" title="退出服务" onClick="bfree_fn(\'off\')" id="bfree_spk_exit">' +
        '					<i class="icon quit"></i>' +
        '				</a>' +
        '			</div>' +
        '			<div class="bfree_spkoly_lis" style="text-align: left;padding-bottom: 10px;">' +
        '				<a href="javascript:void(0)" id="nav_nav"><b>横幅区</b><span></span><br>ALT+1</a>' +
        '				<a href="javascript:void(0)" id="nav_window"><b>搜索区</b><span></span><br>ALT+2</a>' +
        '				<a href="javascript:void(0)" id="nav_interactive"><b>导航区</b><span></span><br>ALT+3</a>' +
        '				<a href="javascript:void(0)" id="nav_main"><b>主要内容区</b><span></span><br>ALT+4</a>' +
        '				<a href="javascript:void(0)" id="nav_leftSide"><b>提示内容区</b><span></span><br>ALT+5</a>' +
        '				<a href="javascript:void(0)" id="nav_servis"><b>正文内容区</b><span></span><br>ALT+6</a>' +
        '				<a href="javascript:void(0)" id="nav_servis2"><b>底部信息区</b><span></span><br>ALT+7</a>' +
        '			</div>' +
        '		</div>' +
        '	</div>' +
        '	<div class="BigText" id="BigText">' +
        '		<div class="BTnav">' +
        '			<div class="highContrast">' +
        '				<a href="javascript:void(0)" id="bigtext_hic_t1">白底黑字</a>' +
        '				<a href="javascript:void(0)" id="bigtext_hic_t2">蓝底黄字</a>' +
        '				<a href="javascript:void(0)" id="bigtext_hic_t3">黄底黑字</a>' +
        '				<a href="javascript:void(0)" id="bigtext_hic_t4">黑底黄字</a>' +
        '				<a href="javascript:void(0)" id="bigtext_hic_t5">默认配色</a>' +
        '			</div>' +
        '			<div class="nav">' +
        '				<a href="javascript:void(0)" id="bfree_BT_close" onClick="bigtext.oc()">关 闭</a>' +
        '				<a href="javascript:void(0)" id="bfree_BT_s">简</a>' +
        '				<a href="javascript:void(0)" id="bfree_BT_t">繁</a>' +
        '			</div>' +
        '		</div>' +
        '		<div class="BTcont" id="BTcont"><h1>大字幕</h1></div>' +
        '</div>'
}

/**
 * 加载页面部件
 */

$(function () {
    document.cookie = 'whiteFreeSty=1; path=/CCBIS';
    document.cookie = 'forceFreeSty=1; path=/CCBIS';
    var _wza = $('#wza');
    if (_wza.length > 0) {
        _wza.html(PLayout.bfree);
        
        // 无障碍点击
        $(".wza_btn").on("click", function () {
            $('#ccbPage').css('marginTop', $('#bfree').height() + 'px');
            bfree_fn('on');
        })
        $("a.backClassical").on("click", function(){
            document.cookie = 'whiteFreeSty=0; path=/CCBIS';
            document.cookie = 'forceFreeSty=0; path=/CCBIS';
            location.href = "/CCBIS/V6/STY1/CN/login.jsp";
        });
        setTimeout(function(){
            $('#ccbPage').css('marginTop', $('#bfree').height() + 'px');
            bfree_fn('on');
        }, 1000);
        $("#bfree_bar_exit").on('click', function(){
            document.cookie = 'whiteFreeSty=0; path=/CCBIS';
            document.cookie = 'forceFreeSty=0; path=/CCBIS';
            location.href = "/CCBIS/V6/STY1/CN/login.jsp";
        })
    };
});

var iframeOffset = {top: 0, left: 0}, crossCurveCtr = 0, textMode = {};
$(function () {
    if (undefined !== top.bfree_fn) {
        // 语音指读、大字幕、十字线
        $('body').on('mouseenter','*', function (event) {
            if (crossCurveCtr === 0) {
                confrimIframeOffset('window');
                crossCurveCtr = 1;
            }
            var event = event || window.event;
            throttle(handleMouseEnterEvent(event), 150);
        }).on('mousemove', function (event) {
            var event = event || window.event;
            throttle(handleEvent(event), 150)
        }).on('mouseleave', function (event) {
            iframeOffset = {top: 0, left: 0};
            crossCurveCtr = 0
        });
        
        // 鼠标样式
        $('body').css({'cursor': top.$('body').css('cursor'), 'zoom': top.$('body #ccbPage').css('zoom'), transform: top.$('body #ccbPage').css('transform')});
        
        // 放大、缩小字体
        $('body *:not("body #wza *")').each(function () {
            if ($(this)[0].tagName !== 'SCRIPT') {
                $(this).css('font-size', $(this).css('font-size'))
            }
        })
        if (top.changeFont.fontZoom != 1) {
            if (top.changeFont.fontZoom > 1) {
                top.changeFont.change('bigger');
            } else {
                top.changeFont.change('smaller');
            }
        }
        
        // 颜色配比
        // var iframeBody = $('body')
        if (self !== top) {
            $('head').append('<link type="text/css" rel="stylesheet" href="<%=webPath%>css/bfree.css?ver=<%=ver%>" />');
            top.Observer && top.Observer.regist('changeTheme', changeTheme);
        }
        // top.Observer && top.Observer.regist('changeTextMode', changeTextMode);
        top.Observer && top.Observer.regist('changeZoom', changeZoom);
        top.Observer && top.Observer.regist('changeArrow', changeArrow);
        
    }
})

var throttle = function (func, delay) {
    var timer = null;
    return function () {
        var context = this;
        var args = arguments;
        if (!timer) {
            timer = setTimeout(function () {
                func.apply(context, args);
                timer = null;
            }, delay);
        }
    };
};
function changeTextMode () {
    if (top.textMode.status == 'off') {
        textMode.cloneHeadNode = $('head').eq(0).clone(true);
        textMode.cloneBodyNode = $('body').eq(0).clone(true);
        var bfree_tool_iframe = $('body *:not("#wza *")');
        //$(bfree_tool_iframe).find("style:not(#d-outer,#d-outer *)").remove();

        $(bfree_tool_iframe).find('*:not(#bfree *)').each(function () {
            if (this.tagName == 'rect' || this.tagName === 'svg') {return}
            if (this.tagName == 'IMG') {
                var imgAlt = '';
                if (this.alt != null && this.alt != '' && this.alt != '无意义图片') {
                    imgAlt = this.alt;
                } else {
                    top.textMode.imgAlt(imgAlt);
                }
                $(this).replaceWith('<span>' + imgAlt + '</span>');
            } else if (this.tagName == 'A' && this.innerHTML == '') {
                var aText = '';
                if (this.title != '' && this.title != null) {
                    aText = this.title;
                } else if (this.alt != '' && this.alt != null) {
                    aText = this.alt;
                }
                this.innerHTML = aText;
            } else {
                if ($(this).css('display') === 'none') {
                    $(this).removeAttr('style').removeAttr('background').removeAttr('valign').removeAttr('align').removeAttr('height').removeAttr('width');
                    $(this).css('display', 'none');
                } else {
                    $(this).removeAttr('style').removeAttr('background').removeAttr('valign').removeAttr('align').removeAttr('height').removeAttr('width');
                }
                if (this.tagName != 'A') {
                    $(this).css('text-decoration', 'none');
                }
            }
        });
        $(document.getElementsByTagName('head')).find('link').remove();
        $(document.getElementsByTagName('head')).find('style').remove();
        $(bfree_tool_iframe).find('style').remove();
        $(bfree_tool_iframe).find('link:not(#bfree_css)').remove();
        var bfreeCss = '<link type="text/css" rel="stylesheet" href="/P1StaRes/V6/STY1/CN/css/bfree.css?ver=' + new Date().getTime() + '">';
        $('head').eq(0).append(bfreeCss);
        $(bfree_tool_iframe).find('div.sidebar').remove();
    } else if (top.textMode.status == 'on') {
        $('html').empty();
        $('html').append(textMode.cloneHeadNode).append(textMode.cloneBodyNode);
    }
}

function changeTheme (modeStyle) {
    if (null === top) return
    var bfree_tool_iframe = $('body');
    var thmeMode = modeStyle.args;
    try {
        if (thmeMode != 'highContrast_5') {
            $(bfree_tool_iframe).removeClass(top.highContrast.pageColor);
            $(bfree_tool_iframe).addClass(thmeMode);
            $(bfree_tool_iframe).find('*:not("script")').each(function () {
                $(this).removeClass(top.highContrast.pageColor);
                $(this).addClass(thmeMode);
            });
        } else {
            $(bfree_tool_iframe).removeClass(top.highContrast.pageColor);
            $(bfree_tool_iframe).find('*:not("script")').each(function () {
                $(this).removeClass(top.highContrast.pageColor);
            });
        }
        $('.logo img').css({ 'background-color': '#fff' });
    } catch (e) {}
};

function changeZoom (arg) {
    if (top === self || null === top) return;
    var nowZoom = arg.args;
    if (BROWSER.isCurrIE9() || BROWSER.isCurrIE10() || BROWSER.isCurrIE8() || (navigator.userAgent.indexOf('Mozilla') > -1 && navigator.userAgent.indexOf('Firefox') > 0)){
        nowZoom = 1+((nowZoom-1)/10);
    }
    var bfree_tool_iframe = $('body');
    if (top.mozilla || top.opera) {
        bfree_tool_iframe.css({ transform: 'scale(' + nowZoom + ')', 'transform-origin': 'top' });
    } else {
        bfree_tool_iframe.css({ zoom: nowZoom.toFixed(2), overflow: 'scroll', 'overflow-x': 'hidden' });
    }
}

function changeArrow (arg) {
    if (top === self ) return;
    var ico = arg.args;
    if (ico === '') {
        $('body').css('cursor', 'auto');
        $('body').find('a').css('cursor', 'pointer');
    } else {
        $('body').css('cursor', 'url(' + ico + '), auto').find('a').css('cursor', 'url(' + ico + '), auto');
    }
}

function handleMouseEnterEvent (event) {
    var target = event.srcElement || event.target;
    if (target.childNodes.length > 1 || $(target).find('*').length > 1 || $(target).is('SCRIPT')) {
        return false;
    }
    // 大字幕
    if (!top.bigtext.onoff) {
        top.bigtext.veiw($(target).text());
    }
    // 语音指读
    if (top.speak.thisdomOnOff) {
        var id =
            $(target).attr('id') !== '' && undefined !== $(target).attr('id')
                ? $(target).attr('id') + (top.notNameNum++)
                : undefined !== $(target).attr('class') && $(target).attr('class') !== ''
                ? $(target).attr('class') + (top.notNameNum++)
                : 'notName' + (top.notNameNum++);
        
        if (BROWSER.isCurrIE9() || BROWSER.isCurrIE8()) {
            if (top.pointerC == 0) {
                top.pointerC = 1;
                // alert("语音指读暂不支持 IE8、IE9");
            }
            return;
        }
        if ($(target).text() !== '') {
            top.getTTSURL($(target).text()).then(function (url) {
                console.log(id, $(target).text(), url)
                top.speak.on(id, url);
            });
        }
    }
}

function handleEvent (event) {
    // 十字线 start
    var childHeight = top.document.documentElement.scrollHeight || top.document.body.scrollHeight;
    if (top.guides.statusguides == 'off') {
        var pointer = top.getCoordInDocument(event);
        if (undefined !== iframeOffset && iframeOffset !== '') {
            top.$('#slideLateral').css('top', (iframeOffset.top + pointer.y) + 10);
            top.$('#slideLongitudinal').css({'left': (pointer.x + iframeOffset.left) + 10, 'height': childHeight + 100});
        } else {
            top.$('#slideLateral').css('top', pointer.y + 10);
            top.$('#slideLongitudinal').css({'left': pointer.x + 10, 'height': childHeight + 100});
        }
    }
}

function confrimIframeOffset (doc) {
    var targetWin = eval(doc)
    if (targetWin.frameElement === null) {return;}
    iframeOffset = {
        top: iframeOffset.top + top.getElementTop(targetWin.frameElement),
        left: iframeOffset.left + top.getElementLeft(targetWin.frameElement)
    }
    if (parent !== top) {
        confrimIframeOffset('parent.'+doc)
    }
}