var top_bar_html = '<link rel="stylesheet" href="https://i.changyou.com/css/index_top.css">'+
                   '<div> <input id="logintype" name="logintype" value="" type="hidden"/></div>'+
					'<div id="cy_topbar">' + 
					    '<div class="copyrightB clearfix" style="width:1200px;">' + 
							'<div class="cyNav r">' + 	
								'<ul>' + 
									'<li><a href="http://www.cy.com" target="_blank" hm-id="TOPBAR_MAIN" >首页</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="https://cybbs.changyou.com" target="_blank" hm-id="TOPBAR_ZONE" >社区</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="https://cybbs.changyou.com/kahao" target="_blank" >礼包</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="https://cybbs.changyou.com/plugin.php?id=auction" target="_blank">商城</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="https://cybbs.changyou.com/home.php?mod=magic&action=shop" target="_blank">道具</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="https://cybbs.changyou.com/forum-200-1.html" target="_blank" hm-id="TOPBAR_VANGUARD">先遣队</a></li>' + 
								'</ul>' + 
							'</div>' + 
							'<div class="l">' + 	
								'<ul class="cyNav noLogin ' + '" >' + 
									'<li><a href="javascript:void(0)" onclick="CY.login.open();" hm-id="TOPBAR_LOG" >马上登录</a></li>' + 
									'<li>|</li>' + 
									'<li><a href="http://zhuce.changyou.com/regInit.act?gameType=yd" target="_blank" hm-id="TOPBAR_REGIST" >立即注册</a></li>' + 
								'</ul>' + 
								'<ul class="loginList ' + 'dn" >' + 
									'<li class="userLi l pr">' + 
										'<a href="javascript:void(0);" class="ulLiA"><i></i>畅游移动玩家</a>' +
										'<div class="listBox dn">' + 
											'<div class="listBoxIn">' + 
												'<div class="userMagBox clearfix">' + 
													'<div class="l">' + 
														'<img src="https://cybbs.changyou.com/uc_server/avatar.php?uid=&size=small"/>' + 
													'</div>' + 
													'<div class="userMag">' + 
														'<div><span class="l"><a href="" target="_blank" hm-id="TOPBAR_WELCOME" >个人中心</a></span> <div class="fenge l">&nbsp;|&nbsp;</div> <a href="javascript:logout();" class="l exit" hm-id="TOPBAR_EXIT">退出</a></div>' + 
													'</div>' + 
												'</div>' + 
											'</div>' + 
										'</div>' + 	
									'</li>' + 
									'<li class="magLi l pr">' + 
										'<a href="javascript:void(0);" class="ulLiA"><i></i>通知信息</a>' + 
										'<div class="listBox magList dn">' + 
											'<div class="magListIn">' + 
												'<ul class="clearfix">' + 
													'<li><a href="https://cybbs.changyou.com/home.php?mod=space&do=pm" target="_blank" class="magLiNo"><i class="iconAll magIcon"></i>消息</a></li>' + 
													'<li><a href="https://cybbs.changyou.com/home.php?mod=space&do=notice&view=mypost" target="_blank"><i class="iconAll postIcon"></i>我的帖子</a></li>' + 
													'<li><a href="https://cybbs.changyou.com/home.php?mod=space&do=notice&view=interactive" target="_blank"><i class="iconAll BBSIcon"></i>坛友互动</a></li>' + 
													'<li><a href="https://cybbs.changyou.com/home.php?mod=space&do=notice&view=system" target="_blank"><i class="iconAll sysWarIcon"></i>系统提醒</a></li>' + 
													'<li><a href="https://cybbs.changyou.com/home.php?mod=space&do=notice&view=app" target="_blank"><i class="iconAll adhWarIcon"></i>应用提醒</a></li>' + 
												'</ul>' + 
											'</div>' + 
										'</div>' + 
									'</li>' + 
								'</ul>' + 
							'</div>' + 
							'<div class="copyAdd">' + 
								'<img class="dn" src="https://i.changyou.com/images/copyright/copyAdd.jpg"/>' + 
							'</div>' + 
						'</div>' + 	
					'</div>' +
					'<form id="cy_topbar_logout" action="https://i.changyou.com/logout" method="post">' + 
						'<input type="hidden" name="logout2" id="logout2" value="https://cybbs.changyou.com/cyouconnect-logout.html">' +
						'<input type="hidden" name="back"  id="back">' +
					'</form>'+
					'<div id="authtest" style="display:none;">'+
					
					  '<div  id="loginPopBox">'+
				       '<div class="login_box_first" id="loginDiv">'+
						'<a href="javascript:closeForm();" class="close simplemodal-close"><span class="hide"></span></a>'+
						'<div class="tab_h">'+
							'<a class="curr" href="javascript:;" id="cyauth" onclick="changeMenu(\'cyauth\')">畅游通行证</a>'+
							'<a href="javascript:;" id="cyyd" onclick="changeMenu(\'cyyd\')" style="width: 34%;">畅游移动</a>'+
							'<a href="javascript:;" id="cydj" onclick="changeMenu(\'cydj\')">刀剑英雄</a>'+
						'</div>'+
						'<div class="tab_c" style="display:none;height:500px;position:relative;" id="cyauth_ifm">'+
						'<iframe  id="login_frame" width="490px" height="420px" scrolling="no"  frameborder="0" allowtransparency="true"  src=""></iframe>'+
						'</div>'+
						'<div class="tab_c" id="cyyd_ifm">'+
						'<iframe  id="login_frame_cy" width="490px" height="420px" scrolling="no"  frameborder="0" allowtransparency="true"  src=""></iframe>'+
						'</div>'+
						'<div class="tab_c" id="cydj_ifm">'+
						'<iframe  id="login_frame_dj" width="490px" height="420px" scrolling="no"  frameborder="0" allowtransparency="true"  src=""></iframe>'+
						'</div>'+
					'</div>'+
				   '</div>'+
				   '</div>';
    
	function changeMenu(id){
		if(id == 'cyauth'){
		     jQuery('#cyauth_ifm').css("display","block");
		     jQuery('#cyyd_ifm').css("display","none");
		     jQuery('#cydj_ifm').css("display","none");
		     jQuery("#cyauth").addClass("curr");
		     jQuery("#cyyd").removeClass("curr");
		     jQuery("#cydj").removeClass("curr");
		     jQuery("#login_frame").attr("src", iframeUrlCy);
		     jQuery("#login_frame_cy").attr("src", "");
		     jQuery("#login_frame_dj").attr("src", "");
		}else if(id == 'cydj'){
		     jQuery('#cydj_ifm').css("display","block");
		     jQuery('#cyyd_ifm').css("display","none");
		     jQuery('#cyauth_ifm').css("display","none");
		     jQuery("#cydj").addClass("curr");
		     jQuery("#cyyd").removeClass("curr");
		     jQuery("#cyauth").removeClass("curr");
		     jQuery("#login_frame_cy").attr("src", "");
		     jQuery("#login_frame_dj").attr("src", iframeUrl2);
		     jQuery("#login_frame").attr("src", "");
		}else{
		     jQuery('#cyyd_ifm').css("display","block");
		     jQuery('#cydj_ifm').css("display","none");
		     jQuery('#cyauth_ifm').css("display","none");
		     jQuery("#cyyd").addClass("curr");
		     jQuery("#cydj").removeClass("curr");
		     jQuery("#cyauth").removeClass("curr");
		     jQuery("#login_frame_cy").attr("src", iframeUrl1);
		     jQuery("#login_frame_dj").attr("src", "");
		     jQuery("#login_frame").attr("src", "");
		}
	 }
	
	var CY;
	if(!CY) {
		CY = {};
	}
	var iframeUrlCy = "https://i.changyou.com/open/changylogin?back=" + encodeURIComponent(window.location.href);
	var s="";
	var iframeUrl1 = "https://i.changyou.com/open/cylogin?back=" + encodeURIComponent(window.location.href);
		if(s!="") {
		iframeUrl1 += ("&s=" + encodeURIComponent(s));
	}
	var iframeUrl2 = "https://i.changyou.com/open/djlogin?back=" + encodeURIComponent(window.location.href);
	if(s!="") {
		iframeUrl2 += ("&s=" + encodeURIComponent(s));
	}
	CY.login={
		open:function() {
			document.domain="changyou.com";
			var s="";
			if(CY.login.isPhone()) { //手机登录
				var openUrl = "https://i.changyou.com/loginpage?back=" + encodeURIComponent(window.location.href);
				if(s!="") {
					openUrl += ("&s=" + encodeURIComponent(s));
				}
				window.location.href = openUrl;
			} else { //电脑登陆
				 var iframeUrl = "https://i.changyou.com/open/loginmin?back=" + encodeURIComponent(window.location.href);
				if(s!="") {
					iframeUrl += ("&s=" + encodeURIComponent(s));
				}
				jQuery("#login_frame_cy").attr("src", iframeUrl1);
				var logintype=document.getElementById("logintype").value;	
				if(logintype=="cyouuser"){
				     jQuery('#cyauth_ifm').css("display","block");
				     jQuery('#cyyd_ifm').css("display","none");
				     jQuery('#cydj_ifm').css("display","none");
				     jQuery("#cyauth").addClass("curr");
				     jQuery("#cyyd").removeClass("curr");
				     jQuery("#cydj").removeClass("curr");
				     jQuery("#login_frame").attr("src", iframeUrlCy);
				     jQuery("#login_frame_cy").attr("src", "");
				     jQuery("#login_frame_dj").attr("src", "");
				     
				}else if(logintype=="djuser"){
				     jQuery('#cyauth_ifm').css("display","none");
					 jQuery('#cyyd_ifm').css("display","none");
					 jQuery('#cydj_ifm').css("display","block");
				     jQuery("#cydj").addClass("curr");
				     jQuery("#cyyd").removeClass("curr");
				     jQuery("#cyauth").removeClass("curr");
				     jQuery("#login_frame_cy").attr("src", "");
				     jQuery("#login_frame_dj").attr("src", iframeUrl2);
				     jQuery("#login_frame").attr("src", "");
				}else{
					 jQuery('#cyauth_ifm').css("display","none");
					 jQuery('#cyyd_ifm').css("display","block");
					 jQuery('#cydj_ifm').css("display","none");
				     jQuery("#cyyd").addClass("curr");
				     jQuery("#cydj").removeClass("curr");
				     jQuery("#cyauth").removeClass("curr");
				     jQuery("#login_frame_cy").attr("src", iframeUrl1);
				     jQuery("#login_frame_dj").attr("src", "");
				     jQuery("#login_frame").attr("src", "");
				}
		        art.dialog({
					width:354,
					height:182,
		            lock: true, //锁定背景
		            background: '#000', // 背景色
		            opacity: 0.5, // 透明度
					title:'',
					//content:'<a class="aui_close" href="javascript:closeForm();">\xd7</a><iframe src="' + iframeUrl + '" scrolling="no" width="490" height="420" frameborder="0" id="loginIframe" fwin="login"></iframe>',
					content: document.getElementById("authtest"),
					padding:'0px',
					id:'loginBox',
					button:null
		        })
			}
		},
		isPhone:function(){
			var osUserAgent = navigator.userAgent.toLowerCase();
		    if (osUserAgent.indexOf("iphone") > -1 || osUserAgent.indexOf("ipad") > -1 || osUserAgent.indexOf("ipod") > -1) {
		        return true;
		    }		
		    if (osUserAgent.indexOf("android") > -1 || osUserAgent.indexOf("adr") > -1) {
		        if (osUserAgent.indexOf("micromessenger") > -1) {
		            //return "wechat";
		        }
		
		        top.location.href = 'http://saftyonpalm.changyou.com/CYSecurity_Android.apk';
		        //return "android";
		        return true;
		    }
		    return false;					
		}
	};			
	var this_domain = document.domain;
	/*弹窗调用*/
	function loginPop() {
		CY.login.open();
    }
	/*抖动方法*/		
	function shakeForm(dom) {
		var p = "5 10 5 0 -5 -10 -5 0".split(" ");
		var set = function(n){
			var delay = 20;
			setTimeout(function() {
			  dom.style.left = p[n] + "px";
			}, delay*n);
		}
		for(var i = 0; i < p.length; i++){
			set(i);
		}
	};
	
	 function closeForm() {
		 art.dialog.list['loginBox'].close();
		 jQuery("#login_frame").attr("src", "");
		 jQuery("#login_frame2").attr("src", "");
		 jQuery("#login_frame_cy").attr("src", "");
		 jQuery("#login_frame_dj").attr("src", "");
		 document.domain = this_domain;
		 
	 }
	 
	function logout() {
		var back = window.location;
//		document.getElementById('back').value = back;
//		document.getElementById('cy_topar_logout').submit();
		jQuery('#back').val(back);
		jQuery('#cy_topbar_logout').submit();
	}
 	jQuery(".loginList>li").hover(function(){
      	jQuery(this).children("a").addClass("active");
	});
	
	jQuery(function(){
		jQuery("body").prepend(jQuery(top_bar_html));
	})