//********************************************************************************************************
//文件说明：demo使用的公用js（有规范注释的方法为生产必用的方法）
//********************************************************************************************************


//**************************************************************
//图片公共路径
//**************************************************************
var imgPath="../images5/";



//********************************************************************************************************
//文件说明：交易页面使用的公用方法
//********************************************************************************************************


//**************************************************************
//	展现交易页面的导航条
//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：naviArray, processPiont
//	@param说明：


//		输入参数：naviArray-导航条信息数组，processPiont-此参数是数字，指名当前导航的位置
//	@condition：无
//	@调用样例
//	使用说明：


//		先在页面新建数组，如：


//		var naviArray	= new Array();
//		naviArray[0]="账户查询流程";//标题
//		naviArray[1]="点击想要查询的账户";//第一步


//		naviArray[2]="选择操作功能";//第二步


//		然后在要显示导航条的地方使用函数，如：


//		<script language="javascript" type="text/javascript">showNavi(naviArray,1)</script>
//		此语句参数“1”代表当前导航条的位置到第一步


//**************************************************************

function showNavi(naviArray,processPiont)
{
	if(naviArray.length>0){
		document.write("<div class='reg_flow' id='tx_navi'>");
		var naviTitle=naviArray[0];
		document.write(naviTitle+"：");
		if(naviArray.length>1){
			for(var i=1;i<naviArray.length;i++){
				if(processPiont==i){
					var txtClass="flow_focus";
				}else if(i<processPiont){
					var txtClass="flow_done";					
				}else{
					var txtClass="flow_undo";
				}
				document.write(" <img src='"+imgPath+"arr_off.gif' id='img_step_"+i+"'/> <span class='"+txtClass+"' id='navi_step_"+i+"'>"+naviArray[i]+"</span>");
			}
		}
		document.write("</div>");
	}
}


/*用户使用每一步操作时，页面样式的改变*/
var currentStep=0;//寄存当前最靠后的操作步骤


//**************************************************************
//	用户点击某一步骤时，控制页面步骤区域和导航条的变化


//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：stepNum
//	@param说明：


//		输入参数：stepNum-用户当前点击第几步


//	@condition：只有用户点击的步骤比较靠后时，页面才有变化；也就是说，页面步骤变化是不能回退的


//	@调用样例
//	使用说明：


//		首先页面使用了showNavi(naviArray,processPiont)函数；


//		页面的每一步必须被包含在指定格式的区域内，例如在：<div class="step_off" onclick="naviStepChange(1)" id="table_step_1"><div>内；
//		其中naviStepChange(1)的参数“1”代表第一步变化；id指定取名为“table_step_”+步骤数


//		该方法包含对css：.tip_off、.content_title、.text_content的配合使用，例：
//			<div class="step_off" onclick="naviStepChange(1)" id="table_step_1">
//				<div class="content_title">第一步:请选择付款账户</div>
//				<table width="100%"  border="0" cellspacing="0" cellpadding="0">
//					<tr>
//						<td width="100" class="text_content">币种：</td>				
//					</tr>
//				</table>
//			</div>
//**************************************************************
function naviStepChange(stepNum){
	var tableObj=document.getElementById('table_step_'+stepNum);
	var naviStepObj=document.getElementById('navi_step_'+stepNum);
	
	if(stepNum>currentStep&&tableObj!=null&&naviStepObj!=null){
		for(var i=1;i<=stepNum;i++){
			tableObjTmp=document.getElementById('table_step_'+i);
			if(tableObjTmp!=null){
				eval("document.all.table_step_"+i+".className='step_on'");
			}
			naviStepObjTmp=document.getElementById('navi_step_'+i);
			if(naviStepObjTmp!=null){
				if(i<stepNum){
					eval("document.all.navi_step_"+i+".className='flow_done'");
				}else if(i==stepNum){
					eval("document.all.navi_step_"+i+".className='flow_focus'");
				}
			}		
		}
		currentStep=stepNum;
	}
}


//**************************************************************
//	显示提示(要求点击某一指定域时，如input，旁边的提示域的样式改变；再点击别的地方时，提示域的样式回复原来样式)
//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：clickedObj,tipId,tipContent
//	@param说明：


//		输入参数：clickedObj-点击触发改变样式的对象id
//			  tipId-提示区域的id
//			  tipContent-提示内容
//	@condition：无
//	@调用样例
//	使用说明：


//		点击触发改变样式的对象：<input name="account" id="account" type="text" size="20"/>
//		提示区域：<script language="javascript" type="text/javascript">showTip("account","tip2","您可直接从收款账户名册中选择已有的收款账户信息");</script>
//			如果触发对象有多个时，可以这样写：


//			<script language="javascript" type="text/javascript">showTip("account|account2","tip2","您可直接从收款账户名册中选择已有的收款账户信息");</script>
//			注：此用法如果“account2”或“account”在showTip()使用后才定义的，那此用法无效，请使用方法bindTip()
//**************************************************************
function showTip(clickedObj,tipId,tipContent,addOnClickFun,addOnblurFun){
	document.write("<div id='"+tipId+"' class='tip_off'>"+tipContent+"</div>");
	clickedObjArray=clickedObj.split("|");
	for(var i=0;i<clickedObjArray.length;i++){
		var naviStepObj=document.getElementById(clickedObjArray[i]);
		if(naviStepObj!=null){
			//继续保留原有得onclick程序
			var t=naviStepObj.onclick+"";
			var code="";
			if(t.indexOf('{')!=-1){
				var start=t.indexOf('{')+1;
				var end=t.length-1;
				code=t.substring(start,end);
			}

			//继续保留原有得onblur程序
			t=naviStepObj.onblur+"";
			var code2="";
			if(t.indexOf('{')!=-1){
				var start=t.indexOf('{')+1;
				var end=t.length-1;
				code2=t.substring(start,end);
			}

			if(arguments.length >= 4){
				naviStepObj.onclick=Function(addOnClickFun+"tipOn('"+tipId+"');"+code);
			}else{
				naviStepObj.onclick=Function("tipOn('"+tipId+"');"+code);
			}
			if(arguments.length >= 5){
				naviStepObj.onblur=Function(addOnblurFun+"tipOff('"+tipId+"');"+code2);
			}else{
				naviStepObj.onblur=Function("tipOff('"+tipId+"')"+code2);
			}
		}
	}
}
  
//**************************************************************
//	追加绑定触发提示区变化的对象
//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：clickedObj,tipId,tipContent
//	@param说明：


//		输入参数：clickedObj-点击触发改变样式的对象id
//			  tipId-提示区域的id
//	@condition：无
//	@调用样例
//	使用说明：


//		点击触发改变样式的对象：<input name="account" id="account" type="text" size="20"/>
//		提示区域：<script language="javascript" type="text/javascript">showTip("account","tip2","您可直接从收款账户名册中选择已有的收款账户信息");</script>
//		追加一个对象：
//			<script language="javascript" type="text/javascript">bindTip("account2","tip2");</script>
//**************************************************************
function bindTip(clickedObj,tipId){	
	var naviStepObj=document.getElementById(clickedObj);
	naviStepObj.onclick=Function("tipOn('"+tipId+"')");
	naviStepObj.onblur=Function("tipOff('"+tipId+"')");
	
}
//**************************************************************
//	改变提示区样式，使其变亮
//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：tipId
//	@param说明：


//		输入参数：tipId-提示区域的id
//	@condition：无
//	@调用样例
//	使用说明：不需要


//**************************************************************
function tipOn(tipId) {
	var tipcontent = document.getElementById(tipId);
	tipcontent.className='tip_on';
}

//**************************************************************
//	改变提示区样式，使其变灰暗


//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：tipId
//	@param说明：


//		输入参数：tipId-提示区域的id
//	@condition：无
//	@调用样例
//	使用说明：不需要


//**************************************************************
function tipOff(tipId) {
	var tipcontent = document.getElementById(tipId);
	tipcontent.className='tip_off';
}

//**************************************************************
//	在交易成功页面，显示成功信息
//	Creation date: (2006-06-8)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：titleTxt,content
//	@param说明：


//		输入参数：titleTxt-信息标题；content-信息内容
//	@condition：无
//	@调用样例
//	使用说明：如<script language="javascript" type="text/javascript">showSuccess("转账成功：","已向您指定的手机号码发送转账信息。");</script>
//**************************************************************
function showSuccess(titleTxt,content) {
	document.write("<div class='text_success'><div class='text_big text_bold'>"+titleTxt+"</div><div class='text_big'>"+content+"<br /></div></div><br />");
}

//**************************************************************
//	非通用交易页面的文件头标题
//	Creation date: (2006-06-19)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：linkArray
//	@param说明：


//		输入参数：linkArray-文件头链接


//	@condition：无
//	@调用样例
//	使用说明：


//	//如，先定义链接


//		var headLink= new Array();
//		headLink[0]="首页|#";
//		headLink[1]="繁体版|#";
//		//再调用


//		<script language="javascript" type="text/javascript">showNoTXHead(headLink)</script>
//		//如果没有链接，可以不输入参数使用，如：


//		<script language="javascript" type="text/javascript">showNoTXHead()</script>
//**************************************************************
function showNoTXHead(linkArray) {
//	document.write("<div id='Header'><span class='float_left'><img src='../images5/ccb_logo.gif' alt='昆山建设局 个人昆山建设局业务网络平台'/></span>");
    document.write("<div id='Header'><table width='870' border='0' align='center' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'><tr><td height='61'><table width='870' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='240' rowspan='2'><img src='../images5/index_1.gif' width='154' height='60' /></td><td width='321' rowspan='2'><img src='../images5/index_2.gif' width='321' height='61' /></td><td width='309' height='45' valign='bottom'>");
	if (arguments.length == 1){
		if(linkArray.length>0){
			document.write("<div align='right'>");
			for(var i=0;i<linkArray.length;i++)	{
				var alink=Array();
				alink=linkArray[i].split("|");
				document.write("<a href='"+alink[1]+"'>"+alink[0]+"</a>");
				if(linkArray.length!=(i+1)){
					document.write(" |");
				}
			}
			document.write("</div></td></tr><tr><td>&nbsp;</td></tr></table></td></tr></table><table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td background='../images5/index_3.gif' style='height: 38px'></td></tr></table>");
		}
	}
	document.write("<div class='clear'></div></div>");
	
}

//**************************************************************
//	非通用交易页面的文件底部


//	Creation date: (2006-06-19)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：无
//	@param说明：


//		输入参数：无
//	@condition：无
//	@调用样例
//	使用说明：如<script language="javascript" type="text/javascript">showNoTXFooter();</script>
//**************************************************************
function showNoTXFooter() {
	document.write("<div id='Footer'>版权所有2006-2007&copy;昆山市建设局&nbsp;保留所有权利<br/>地址：昆山市同丰西路598号&nbsp;ICP&nbsp;备案：苏ICP备05021767号<br/>技术支持：昆山博浪信息科技有限公司</div>");	
}


//**************************************************************
//	弹出页面的文件头标题
//	Creation date: (2006-07-14)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：linkArray
//	@param说明：


//		输入参数：no
//	@condition：无
//	@调用样例
//	使用说明：


//	//如，
//		<script language="javascript" type="text/javascript">showOpenWinHead()</script>
//**************************************************************
function showOpenWinHead() {
	document.write("<div id='Header'><span class='float_left'><img src='../images5/ccb_logo.gif' alt='昆山建设局 个人昆山建设局业务网络平台'/></span>");
	document.write("<div class='Area_content'></div><p></p><div class='clear'></div></div>");
	
}

//**************************************************************
//	弹出页面的文件底部


//	Creation date: (2006-06-19)	
//	@author: huangyupeng
//	@version: 1.0
//	@param：无
//	@param说明：


//		输入参数：无
//	@condition：无
//	@调用样例
//	使用说明：如<script language="javascript" type="text/javascript">showOpenWinFooter();</script>
//**************************************************************
function showOpenWinFooter() {
	document.write("</br></br><div id='Footer'>&copy;昆山建设局 版权所有<br/>&copy;2006 All Rights Reserved by China Construction Bank</div>");	
}

//可点击的表格行，背景变化效果
function tdOver() {
	if(window.event.srcElement.parentElement.className!='table_on') {
		window.event.srcElement.parentElement.className='table_select_bg table_content';
	}
}

function tdOut() {
	if(window.event.srcElement.parentElement.className!='table_on') {
		window.event.srcElement.parentElement.className='table_content';
	}
}

function tdClick() {
	if(window.event.srcElement.parentElement.className!='table_on') {
		window.event.srcElement.parentElement.className='table_content'
	} else {
		window.event.srcElement.parentElement.className=''
	}
	
}



//右侧区域脚本。消息提示和信息显示，以及营销与推广






//右侧区域脚本。消息提示和信息显示，以及营销与推广


function message_other() {		
	var msg = '<a id="msg_show" href="#" onfocus="this.blur()" class="new_message">';
	msg += '收到 3 条新信息</a>';
	msg += '<div id="Msg_list">';
	msg += '<a  href="#">';
	msg += '您有新的缴费账单</a>';
	msg += '<a  href="#">';
	msg += '我行推出个人理财新产品</a>';
	msg += '<a  href="#">';
	msg += '回复：如何进行批量转账</a>';
	msg += '</div>';
	document.write(msg);
	Msg_list.style.top=msg_show.offsetTop+msg_show.offsetHeight;	
	var msgShow = document.getElementById("msg_show");
	var msgList = document.getElementById("Msg_list");
	Msg_list.style.display="none";
/*	msgShow.onmouseover = function() {Msg_list.style.display="";}
	msgList.onmouseover = function() {Msg_list.style.display="";}
	msgShow.onmouseout = function() {Msg_list.style.display="none";}
	msgList.onmouseout = function() {Msg_list.style.display="none";}
*/
}

 function info() {
	var nfo = '尊敬的李XX先生：<br /><span class="text_info">今天是您的生日，祝您生日快乐！</span><br /><br />';
	nfo += '您设置的防伪验证信息是：<br/><span class="text_info">建设现代生活</span>。<br/><br/>';
	nfo += '此次是您第<span class="text_info text_bold"> 68次 </span>登录昆山建设局业务网络平台<br />';
	nfo += '您上次登录昆山建设局业务网络平台的时间是：<br /><span class="text_info text_bold">2006年4月20日 20:58</span> ';
	
	document.write(nfo);
}

function ad() {
	var adv = '<a href="ad.htm" target="_blank"><img src="../images5/ad_image.jpg" alt="建行营销图片" border="0" /></a>';
	document.write(adv);
}
//个性化图片
function person() {
	if(parent.menu_flag=="3")
	{}
	else{
	var per = '<div class="right_title"></div><div class="right_content info" align="center"><img src="../images5/person_pic.gif" alt="建行营销图片" border="0" /></div>';
	document.write(per);
	}
}

//弹出窗口
function openWin(wurl) {
	window.open (wurl, "exit_snapshot",  "height=600, width=700, top=50, left=100, toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=no, status=no")
}

//弹出窗口
function openBumm(wurl) {
	window.open (wurl, "exit_snapshot",  "height=300, width=500, top=50, left=100, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
}

function OpenDWGC(url)
        {
            window.open (url , "new", "height=300,width=500,top=100, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
        }

function openWinWithWinName(wurl,winname) {
	window.open (wurl, winname,  "height=600, width=700, top=50, left=100, toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=no, status=no");
}

function OpenTK(url)
        {
            window.open (url , "new", "height=600,width=720,top=50, left=200, toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=no, status=no")
        }
	
//弹出窗口链接
function popLink(a) {
	opener.parent.frame_main.location=a;
	window.close();
}

function MyOpenWin(strUrl,winName,intHeight,intWidth)
{
			var mytop=(screen.height- intHeight)/2;
			var myleft=(screen.width- intWidth)/2;
			var strType='resizable=yes,scrollbars=yes,width=' + intWidth + ',height=' + intHeight + ',left=' + myleft + ',top=' + mytop;
			// "height=600, width=700, top=50, left=100, toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=no, status=no")
			var win=window.open(strUrl,winName,strType);
			win.focus();
			return false;
}


//账户收放
function showAcc(acc) {
	var target_acc = document.getElementById(acc);
	if(target_acc.style.display=='none') {
		target_acc.style.display='';
		event.srcElement.src='../images5/icon_minus.gif';
	} else {
		target_acc.style.display='none';
		event.srcElement.src='../images5/icon_plus.gif';
	}
	parent.sizeChange();
}

//二级菜单事件，控制二级菜单的点击和标题的显示
function m2ForFrame(j,i) {
	//alert("in :j"+j+"   i="+i);
	for(n=1;n<70;n++) {
		var menu2item = parent.parent.document.getElementById('m2_'+n);
		var menu3item = parent.parent.document.getElementById('div_m3_'+n);
		if(n!=j) {
			if(menu2item!=null){
				if(menu2item.className!='menu2_unused'){
					menu2item.className='menu2_off';
				}
			}
			if(menu3item!=null){
				menu3item.style.display="none";
			}
	} else {
			if(menu2item!=null){
				if(menu2item.className!='menu2_unused'){
					menu2item.className='menu2_on';
				}
			}
			if(menu3item!=null){
				menu3item.style.display="";
			}
			parent.parent.cur_menu1=i;
		}
	}	
for(m=1;m<9;m++) {
		var menu1 = parent.parent.document.getElementById('m1_'+m);
		//alert("find menu1"+menu1);
		var menu2 = parent.parent.document.getElementById('menu2_'+m);
		if(menu1!=null){
		if (m!=i) {
			menu1.className='menu1_off';
			menu2.style.display='none';
		} else {
			menu1.className='menu1_on';
			menu2.style.display='';
		}
		}
	}
}

//三级菜单事件，控制三级菜单的显示
function m3ForFrame(k){
	for(n=1;n<60;n++) {
		var menu3item = parent.parent.document.getElementById('m3_'+n);
		if(menu3item!=null){
			if(n!=k) {
					menu3item.className='menu3_off';
			} else {
				menu3item.className='menu3_on';
			}
		}
	}
}

//**************************************************************
//	左侧区域收起(提供通用交易页面使用)
//	Creation date: (2006-07-07)	
//	@author: sunyawei
//	@version: 1.0
//	@param：无
//	@param说明：


//		输入参数：无
//	@condition：无
//	@调用样例
//	使用说明：不需要


//**************************************************************
function leftCloseForTX() {
	parent.parent.Page_right.style.display='none';
	parent.lopen.style.display='';
	parent.lclose.style.display='none';
}
//**************************************************************
//	左侧区域收起(提供通用交易页面使用)
//	Creation date: (2006-07-07)	
//	@author: sunyawei
//	@version: 1.0
//	@param：无
//	@param说明：


//		输入参数：无
//	@condition：无
//	@调用样例
//	使用说明：不需要


//**************************************************************
function leftOpenForTX() {
	parent.parent.Page_right.style.display='';
	parent.lopen.style.display='none';
	parent.lclose.style.display='';
}

//**************************************************************
//	时间显示(提供通用交易页面使用)
//	Creation date: (2006-07-19)	
//	@author: chenxiuling
//	@version: 1.0
//	@param：无
//	@param说明：


//		输入参数：无
//	@condition：无
//	@调用样例
//	使用说明：不需要


//**************************************************************
function aClock(){
  var now=new Date();
  var hour=now.getHours();
  var min=now.getMinutes();
  var sec=now.getSeconds();
  var year=now.getYear();
  var month=now.getMonth()+1;
  var date=now.getDate();
  var dateStr = year+"-"+month+"-"+date;
  var timeStr = " " + hour;
  timeStr+=((min<10)?":0":":")
                  +min;
  timeStr+=((sec<10)?":0":":")+sec;
  document.all.clock_date.innerText = dateStr;
  document.all.clock_time.innerText = timeStr;
  clockId = setTimeout("aClock()",1000);
}

//add by  lfm 06/07/27
function Menu_ChangeBank(name1,name2,code,name)
{

	var num,n, i, m ,k;

	sName1=document.forms[0][name1]

	sName2=document.forms[0][name2]

	m = sName1.selectedIndex-2;//
	
	n = sName2.length

	for(i = n - 1; i >= 0; i--)

		sName2.options[i] = null;

	if (m>=0) {

	for(i = 0; i < code[m].length; i++){

		NewOptionName = new Option(name[m][i], code[m][i]);

		sName2.options[i] = NewOptionName;

	}

		sName2.options[0].selected = true;

	}

}

//提交交易后，灰掉按钮
function disableButton(buttonId){
	buttonId.className="button_dis";
	buttonId.disabled=true;
}

//回复按钮样式，使按钮可用
function ableButton(buttonId){
	buttonId.className="button";
	buttonId.disabled=false;
}

//
//**************************************************************
//	控制导航条


//	Creation date: (2006-08-29)	
//	@author: sunyawei
//	@version: 1.0
//	@params：


//	@params说明：


//	@condition：无
//	使用说明： unhideSelect()
//**************************************************************
function change_Navi(naviArray1,processPiont)
{	var i;	
	newarray=naviArray1;
	if(newarray.length>0){		
		var naviTitle=newarray[0];
		var str;
		str=naviTitle+"：";
		if(newarray.length>1){
			for( i=1;i<newarray.length;i++){
				if(processPiont==i){
					var txtClass="flow_focus";
				}else if(i<processPiont){
					var txtClass="flow_done";					
				}else{
					var txtClass="flow_undo";
				}
				str+=" <img src='"+imgPath+"arr_off.gif'/> <span class='"+txtClass+"' id='navi_step_"+i+"'>"+newarray[i]+"</span>";
			}
		}
		document.getElementById('tx_navi').innerHTML=str;
	}
}


function checkAuthorization() {
    var anchors = parent.document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) {
        if(anchors[i].href.indexOf("FrmMessage_receive.aspx") > -1) {
            anchors[i].click();
        }
    }
}