//全局变量
var ImgUrl = "https://hsimage.91.com/icbc91/images/";
var siteUrl = "http://icbc.91.com/";

//头部统一导航
function pgTop(){
	var links = new Array();
	links[0] = siteUrl + "activity.html";
	links[1] = siteUrl + "apply.html";
	links[2] = siteUrl + "preferential.html";
	links[3] = siteUrl + "exchange.html";
	links[4] = siteUrl + "fapplication.html";
	links[5] = siteUrl + "Binding.html";
	links[6] = siteUrl + "sufficient_value.html";
	topMenu("开卡送好礼 积分享不尽","http://icbc.91.com/","_blank",2);
	document.writeln("<div class=\"nav\"><div><img src=\"" + ImgUrl + "nav_l.gif\" alt=\"\" \/><\/div><div><img src=\"" + ImgUrl + "logo.gif\" alt=\"中国工商银行网龙牡丹联名卡\" title=\"中国工商银行网龙牡丹联名卡\" \/><\/div>");
	document.writeln("<ul id=\"nav_ul\"><li><h1>活动介绍<\/h1><h2>ACTIVITY<\/h2><\/li>");
	document.writeln("<li><h1>如何申请<\/h1><h2>APPLY<\/h2><\/li>");
	document.writeln("<li><h1>优惠尊享<\/h1><h2>PREFERENTIAL<\/h2><\/li>");
	document.writeln("<li><h1 title=\"先绑定后返利\">开卡绑定<\/h1><h2>EXCHANGE<\/h2><\/li>");
	document.writeln("<li class=\"yellow\"><h1>网上申请<\/h1><h2>APPLICATION<\/h2><\/li>");
	document.writeln("<li><h1>绑定查询<\/h1><h2>LOGIN<\/h2><\/li>");
	document.writeln("<li class=\"yellow\"><h1>信用卡电话代扣充值<\/h1><h2>SUFFICIENT VALUE<\/h2><\/li>");
	document.writeln("<\/ul><div style=\"float:right;\"><img src=\"" + ImgUrl + "nav_r.gif\" alt=\"\" \/><\/div><\/div>");
	var items = $$id("nav_ul").getElementsByTagName("li");
	function mouseover(){ this.style.background = "url(" + ImgUrl + "nav_bg1.gif) no-repeat left"; this.childNodes[0].style.color = "#ff0"; this.childNodes[1].style.color = "#ff0"; }
	function mouseout(){ this.style.background = "url(" + ImgUrl + "nav_bg2.gif) no-repeat left"; this.childNodes[0].style.color = "#fff"; this.childNodes[1].style.color = "#fff"; }
	function mouseclick(){ window.location.href = links[parseInt(this.id.replace("pgTop", ""))]; }
	for(var i = 0; i < items.length; i++){
		items[i].id = "pgTop" + i.toString();
		if(items[i].className != "yellow"){
			items[i].onmouseover = mouseover;
			items[i].onmouseout = mouseout;
		}
		items[i].onclick = mouseclick;
	}
	var obj = $$id("pgTop4");
	var obja = obj.getElementsByTagName("h1")[0];
	var objb = obj.getElementsByTagName("h2")[0];
	var stepNum = true;
	var time = null;
	function setGlint(){
		obja.style.color = (stepNum) ? "#ffaa00" : "#ff0";
		objb.style.color = (stepNum) ? "#ffaa00" : "#ff0";
		stepNum = !stepNum;
		time = setTimeout(setGlint, 100);
	}
	obj.onmouseover = function(){ this.style.background = "url(" + ImgUrl + "nav_bg1.gif) no-repeat left"; clearTimeout(time); }
	obj.onmouseout = function(){ this.style.background = "url(" + ImgUrl + "nav_bg2.gif) no-repeat left"; setGlint(); }
	setGlint();
}

//设置邀请好友效果
function setFriend(){
	var items = $$id("conr_ul").getElementsByTagName("li");
	function mouseover(){ this.style.backgroundImage = "url(" + ImgUrl + "icon.gif)"; this.style.backgroundColor = "#fff"; }
	function mouseout(){ this.style.backgroundImage = ""; this.style.backgroundColor = "#ececea"; }
	for(var i = 0; i < items.length; i++){
		items[i].onmouseover = mouseover;
		items[i].onmouseout = mouseout;
	}
}

//设置商户特权效果
function setCommerce(){
	var links = new Array();
	links[0] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E9%85%92%E5%BA%97%E9%A4%90%E9%A5%AE/";
	links[1] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E5%8C%BB%E7%96%97%E6%95%99%E8%82%B2/";
	links[2] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E4%BC%91%E9%97%B2%E7%94%9F%E6%B4%BB/";
	links[3] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E6%97%B6%E5%B0%9A%E8%B4%AD%E7%89%A9/";
	links[4] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E6%97%85%E6%B8%B8%E4%BA%A4%E9%80%9A/";
	links[5] = "http://www.icbc.com.cn/ICBC/%E7%89%A1%E4%B8%B9%E5%8D%A1/%E7%89%B9%E6%83%A0%E5%95%86%E6%88%B7/%E7%89%B9%E8%89%B2%E6%8E%A8%E8%8D%90/%E8%BF%90%E5%8A%A8%E5%81%A5%E8%BA%AB/";
	
	var items = document.getElementsByClassName("con2_con_pri", "div")
	function mouseover(){ this.style.border = "2px solid #f60"; }
	function mouseout(){ this.style.border = "2px solid #ccc"; }
	function mouseclick(){ window.open(links[parseInt(this.id.replace("commImg", ""))]); }
	var img = null;
	for(var i = 0; i < items.length; i++){
		img = items[i].getElementsByTagName("img")[0];
		img.id = "commImg" + i.toString();
		img.onmouseover = mouseover;
		img.onmouseout = mouseout;
		img.onclick = mouseclick;
	}
}

//获取ID对象
var $$ = function(obj){ return document.getElementById(obj); }
var $$id = function(obj){ return document.getElementById(obj); }

//处理PNG
function fixPNG(myImage, isHand) {
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
    if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
    {
       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
    var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
    var imgTitle = (myImage.title) ? 
               "title='" + myImage.title   + "' " : "title='" + myImage.alt + "' "
    var imgStyle = "display:inline-block;" + myImage.style.cssText
    var strNewHTML = "<span " + imgID + imgClass + imgTitle
                   + " style=\"" + (isHand ? "cursor:pointer;" : "") + "width:" + myImage.width 
                   + "px; height:" + myImage.height 
                   + "px;" + imgStyle + ";"
                   + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                   + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
     myImage.outerHTML = strNewHTML    
    }
}

//设置左边办卡闪耀
function setLeftPic(){
	var items = document.getElementsByClassName("selectImg", "img");
	var nereidFadeObjects = new Object();
	var nereidFadeTimers = new Object();
	var isIE = (document.all) ? true : false;
	
	function nereidFade(object, destOp, rate, delta){
		if (object != "[object]" && object == null){
			return;
		}
		clearTimeout(nereidFadeTimers[object.sourceIndex]);
		var direction = 1;
		if (!isIE){
			var diff = destOp - object.style.MozOpacity;
			var MozOpacity = object.style.MozOpacity;
			if (object.style.MozOpacity > destOp){
				direction = -1;
			}
			delta = Math.min(direction * diff,delta);
			MozOpacity = (MozOpacity * 10 + (direction * delta) * 10) / 10;
			object.style.MozOpacity = MozOpacity;
			if (object.style.MozOpacity != destOp){
				nereidFadeObjects[object.sourceIndex] = object;
				nereidFadeTimers[object.sourceIndex] = setTimeout(function(){nereidFade(nereidFadeObjects[object.sourceIndex],destOp,rate,delta);},rate);
			}
		}else{
			var diff = destOp - object.filters.alpha.opacity;
			if (object.filters.alpha.opacity > destOp){
				direction = -1;
			}
			delta = Math.min(direction * diff,delta);
			object.filters.alpha.opacity += direction * delta;
			if (object.filters.alpha.opacity != destOp){
				nereidFadeObjects[object.sourceIndex] = object;
				nereidFadeTimers[object.sourceIndex] = setTimeout(function(){nereidFade(nereidFadeObjects[object.sourceIndex],destOp,rate,delta);},rate);
			}
		}
	}
	
	for(var i = 0; i < items.length; i++){
		items[i].onmouseover = mouseover;
		items[i].onmouseout = mouseout;
	}

	function mouseover(){ (isIE) ? nereidFade(this,100,20,10) : nereidFade(this,1.0,20,0.1); }
	function mouseout(){ (isIE) ? nereidFade(this,0,20,10) : nereidFade(this,0,20,0.1); }
}

//获取class属性对象
document.getElementsByClassName = function(cl,name) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName(name);
	for (var j = 0; j < elem.length; j++) {
		var classes = elem[j].className;
		if (myclass.test(classes)) retnode.push(elem[j]);
	}
	return retnode;
}

//全局参数
var isIE = (document.all) ? true : false;
var vaInfoText = new Array();

//省市联动
/******************************************************************************************************************************************************/
var nowPro = '--请选择--';
var nowCity = "--请选择--";
var pro_City = new Array();
var province =  '--请选择--,河北省,山西省,内蒙古自治区,辽宁省,吉林省,黑龙江省,江苏省,浙江省,安徽省,福建省,江西省,山东省,河南省,湖北省,湖南省,广东省,广西自治区,海南省,四川省,贵州省,云南省,西藏自治区,陕西省,甘肃省,青海省,宁夏自治区,新疆自治区,香港特别行政区,澳门特别行政区,台湾省,直辖市';
pro_City[0] = '--请选择--';
pro_City[1] = '河北省,石家庄市,唐山市,秦皇岛市,邯郸市,邢台市,保定市,张家口市,承德市,沧州市,廊坊市,衡水市';
pro_City[2] = '山西省,太原市,大同市,阳泉市,长治市,晋城市,朔州市,晋中市,运城市,忻州市,临汾市,吕梁市';
pro_City[3] = '内蒙古自治区,呼和浩特市,包头市,乌海市,赤峰市,通辽市,鄂尔多斯市,呼伦贝尔市,巴彦淖尔市,乌兰察布市,锡林浩特市,乌兰浩特市';
pro_City[4] = '辽宁省,沈阳市,大连市,鞍山市,抚顺市,本溪市,丹东市,锦州市,葫芦岛市,营口市,盘锦市,阜新市,辽阳市,铁岭市,朝阳市';
pro_City[5] = '吉林省,长春市,吉林市,四平市,辽源市,通化市,白山市,松原市,白城市,延吉市';
pro_City[6] = '黑龙江省,哈尔滨市,齐齐哈尔市,鹤岗市,双鸭山市,鸡西市,大庆市,伊春市,牡丹江市,佳木斯市,七台河市,黑河市,绥化市';
pro_City[7] = '江苏省,南京市,无锡市,徐州市,常州市,苏州市,南通市,连云港市,淮安市,盐城市,扬州市,镇江市,泰州市,宿迁市';
pro_City[8] = '浙江省,杭州市,宁波市,温州市,嘉兴市,湖州市,绍兴市,金华市,衢州市,舟山市,台州市,丽水市';
pro_City[9] = '安徽省,合肥市,芜湖市,蚌埠市,淮南市,马鞍山市,淮北市,铜陵市,安庆市,黄山市,滁州市,阜阳市,宿州市,巢湖市,六安市,亳州市,池州市,宣城市';
pro_City[10] = '福建省,福州市,厦门市,莆田市,三明市,泉州市,漳州市,南平市,龙岩市,宁德市';
pro_City[11] = '江西省,南昌市,景德镇市,萍乡市,新余市,九江市,鹰潭市,赣州市,吉安市,宜春市,抚州市,上饶市';
pro_City[12] = '山东省,济南市,青岛市,淄博市,枣庄市,东营市,潍坊市,烟台市,威海市,济宁市,泰安市,日照市,莱芜市,德州市,临沂市,聊城市,滨州市,菏泽市';
pro_City[13] = '河南省,郑州市,开封市,洛阳市,平顶山市,焦作市,鹤壁市,新乡市,安阳市,濮阳市,许昌市,漯河市,三门峡市,南阳市,商丘市,信阳市,周口市,驻马店市,济源市';
pro_City[14] = '湖北省,武汉市,黄石市,襄樊市,十堰市,荆州市,宜昌市,荆门市,鄂州市,孝感市,黄冈市,咸宁市,随州市,恩施市,仙桃市,天门市,潜江市';
pro_City[15] = '湖南省,长沙市,株洲市,湘潭市,衡阳市,邵阳市,岳阳市,常德市,张家界市,益阳市,郴州市,永州市,怀化市,娄底市,吉首市';
pro_City[16] = '广东省,广州市,深圳市,珠海市,汕头市,韶关市,佛山市,江门市,湛江市,茂名市,肇庆市,惠州市,梅州市,汕尾市,河源市,阳江市,清远市,东莞市,中山市,潮州市,揭阳市,云浮市';
pro_City[17] = '广西自治区,南宁市,柳州市,桂林市,梧州市,北海市,防城港市,钦州市,贵港市,玉林市,百色市,贺州市,河池市,来宾市,崇左市';
pro_City[18] = '海南省,海口市,三亚市';
pro_City[19] = '四川省,成都市,自贡市,攀枝花市,泸州市,德阳市,绵阳市,广元市,遂宁市,内江市,乐山市,南充市,宜宾市,广安市,达州市,眉山市,雅安市,巴中市,资阳市,西昌市';
pro_City[20] = '贵州省,贵阳市,六盘水市,遵义市,安顺市,铜仁市,毕节市,兴义市,凯里市,都匀市';
pro_City[21] = '云南省,昆明市,曲靖市,玉溪市,保山市,昭通市,丽江市,思茅市,临沧市,景洪市,楚雄市,大理市,潞西市';
pro_City[22] = '西藏自治区,拉萨市,日喀则市';
pro_City[23] = '陕西省,西安市,铜川市,宝鸡市,咸阳市,渭南市,延安市,汉中市,榆林市,安康市,商洛市';
pro_City[24] = '甘肃省,兰州市,金昌市,白银市,天水市,嘉峪关市,武威市,张掖市,平凉市,酒泉市,庆阳市,定西市,陇南市,临夏市,合作市';
pro_City[25] = '青海省,西宁市,德令哈市,格尔木市';
pro_City[26] = '宁夏自治区,银川市,石嘴山市,吴忠市,固原市,中卫市';
pro_City[27] = '新疆自治区,乌鲁木齐市,克拉玛依市,吐鲁番市,哈密市,和田市,阿克苏市,喀什市,阿图什市,库尔勒市,昌吉市,博乐市,伊宁市,塔城市,阿勒泰市,石河子市,阿拉尔市,图木舒克市,五家渠市,';
pro_City[28] = '香港特别行政区,香港特别行政区';
pro_City[29] = '澳门特别行政区,澳门特别行政区';
pro_City[30] = '台湾省,台北市,高雄市,基隆市,台中市,台南市,新竹市,嘉义市';
pro_City[31] = '直辖市,北京市,上海市,天津市,重庆市';

function AddData(Provinces, Citys){
	var prList = $$(Provinces);
	var datas = province.split(',');
	var obj = null;
	for(var i = 1; i < datas.length; i++){
		obj = document.createElement("option");
		obj.value = datas[i];
		obj.selected = false;
		obj.innerHTML = datas[i];
		prList.appendChild(obj);
	}
}

function ChangeData(Provinces, Citys){
	var prList = $$(Provinces);
	var cList = $$(Citys);
	var datas = null;
	var obj = null;
	cList.innerHTML = "";
	if(prList.value != "0"){
		for(var i = 1; i < pro_City.length; i++){
			
			if(pro_City[i].indexOf(prList.value) >= 0){
				datas = pro_City[i].split(',');
				obj = document.createElement("option");
					obj.value = "--请选择--";
					obj.selected = true;
					obj.innerHTML = "--请选择--";
					cList.appendChild(obj);
				for(var k = 1; k < datas.length; k++){
					obj = document.createElement("option");
					obj.value = datas[k];
					obj.selected = false;
					obj.innerHTML = datas[k];
					cList.appendChild(obj);
					
				}
				break;
			}
		}
	}else{
		obj = document.createElement("option");
		obj.value = "0";
		obj.selected = true;
		obj.innerHTML = "--请选择--";
		cList.appendChild(obj);
	}
}

//设置按钮效果
function setBtn(btnName){
	var items = document.getElementsByClassName(btnName, "input");
	function mouseover(){ this.style.backgroundImage = "url(" + ImgUrl + btnName + "bg2.gif)"; }
	function mouseout(){ this.style.backgroundImage = "url(" + ImgUrl + btnName + "bg1.gif)"; }
	for(var i = 0; i < items.length; i++){
		items[i].onmouseover = mouseover;
		items[i].onmouseout = mouseout;
	}
}

//设置申请卡页title链接效果
function setTitleLink(){
	var items = document.getElementById("card_pg_top").getElementsByTagName("h1");
	function mouseclick(){ if($.formValidator.pageIsValid("1"))window.location.href = this.id; }
	function mouseover(){ this.style.color = "#830"; }
	function mouseout(){ this.style.color = "#000"; }
	for(var i = 0; i < items.length; i++){
		items[i].onmouseover = mouseover;
		items[i].onmouseout = mouseout;
		items[i].onclick = mouseclick;
	}
}

function showFlash(flash, width, height){
	document.writeln("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=9,0,28,0\" width=\"" + width + "\" height=\"" + height + "\"><param name=\"movie\" value=\"" + flash + "\" \/><param name=\"quality\" value=\"high\" \/><param name=\"wmode\" value=\"transparent\" \/><embed src=\"" + flash + "\" quality=\"high\" pluginspage=\"http:\/\/www.adobe.com\/shockwave\/download\/download.cgi?P1_Prod_Version=ShockwaveFlash\" wmode=\"transparent\" type=\"application\/x-shockwave-flash\" width=\"" + width + "\" height=\"" + height + "\"><\/embed><\/object>");
}

//头部flash动作
//左边的是用 ChangeText(1)
//右边的是用 ChangeText(2) 
function ChangeText(num){
		if(document.all.txtpanel_1){
			 document.getElementById('txtpanel_0').style.display = document.getElementById('txtpanel_1').style.display = document.getElementById('txtpanel_2').style.display  = "none";
			 document.getElementById('txtpanel_'+num).style.display = "block";
			 document.getElementById("con1").style.backgroundImage = (num == 1) ? "url(https://hsimage.91.com/icbc91/images/index_cons_2.jpg)" : "url(https://hsimage.91.com/icbc91/images/index_cons_3.jpg)";
	 }
}