function changeLogin() {
	var index = $("#loginSelect").val();
	changeSelect(index);
}

//function changeLoginTypeU(loginType) {
//	$('#lLoginType').attr("value", "U");
//	$('#typeCheck').attr("value", "1");
//}

function getLoginType(uEvent, cEvent, uLebel) {
	var rtn = '<li><label for="radio3"> <input class="evn_radio" type="radio" name="radioB" checked="checked" id="radio3" value="0" '
			+ 'onclick="'
			+ uEvent
			+ '" OnKeypress="'
			+ uEvent
			+ '">'
			+ uLebel
			+ '</label> <label for="radio4"> <input class="evn_radio" type="radio" '
			+ 'name="radioB" id="radio4" value="1" onclick="'
			+ cEvent
			+ '" OnKeypress="' + cEvent + '">自然人憑證</label></li>';
	return rtn;
}

//登入統一編號
function getLoginBan(banId) {
	var rtn = '<li id="loginBan"><p class="evn_text"><label for="' + banId
			+ '">統一編號</label></p> <input type="text" name="' + banId + '" id="'
			+ banId + '"></li>';
	return rtn;
}

//登入手機號碼
function getPhoneNum(phoneNumId) {
	var rtn = '<li id="loginPhoneNum"><p class="evn_text"><label for="'
			+ phoneNumId + '">手機號碼</label></p> <input type="text" name="'
			+ phoneNumId + '" id="' + phoneNumId + '"></li>';
	return rtn;
}

//登入帳號
function getLoginUserId(userId) {
	var rtn = '<li id="loginUserId"><p class="evn_text" id="kId"><label for="'
			+ userId + '">帳號</label></p> <input type="text" name="' + userId
			+ '" id="' + userId + '"></li>';
	return rtn;
}

//登入密碼
function getLoginPwd(pwd, title) {
	var rtn = '<li><p class="evn_text" id="kPass"><label for="' + pwd + '">'
			+ title + '</label></p> <input type="password" name="' + pwd
			+ '" id="' + pwd + '"></li>';
	return rtn;
}

function getLoginBtn(btnEvent) {
	
	var rtn = '<li><button class="evn_blue"  name="button" id="button" onclick="'
			+ btnEvent + '" onkeypress="' + btnEvent + '">登入</button></li>';
	return rtn;
}

function getLoginForget() {
	var rtn = '<li id="forgetTR"><a class="evn_forget_password" href="/APB2BGVAN/Pwd/ForgetAccountAction" target="_blank" title="忘記帳號(另開新視窗)">忘記帳號</a>'
			+ '<a class="evn_forget_password" href="/APB2BGVAN/Pwd/ForgetPwdAction" target="_blank" title="忘記密碼(另開新視窗)">忘記密碼</a></li>';
	return rtn;
}

function getLoginForgetVerifyCode() {
	var rtn = '<li id="forgetVerifyCodeTR"><a class="evn_forget_password" href="/APCONSUMER/BTC511W/" target="_blank" title="忘記驗證碼(密碼)(另開新視窗)">忘記驗證碼(密碼)</a>'
			+ '<a class="evn_forget_password" href="/APCONSUMER/BTC501W/" target="_blank" title="申請手機條碼(另開新視窗)">申請手機條碼</a></li>';
	return rtn;
}

function getRegisterTitle(title) {
	var rtn = '<li><p class="evn_text">' + title + '</p></li>';
	return rtn;
}

function getRegisterBan(ban) {
	var rtn = '<li><p class="evn_text"><label for="'+ ban + '">統一編號</label></p> <input type="text" name="textfield6" id="'
			+ ban + '"></li>';
	return rtn;
}

function getRegisterPwd(pwd) {
	var rtn = '<li><p class="evn_text"><label for="'+ pwd + '">憑證PIN碼</label></p> <input type="password" name="textfield6" id="'
			+ pwd + '"></li>';
	return rtn;
}


function getRegisterBtn(btn) {
	var rtn = '<li><button class="evn_orange" name="button3" id="button3" '
			+ 'onclick="' + btn + '" onkeypress="' + btn + '">註冊</button></li>';
	return rtn;
}

//for consumer only
function getCarrierBtn(title, style) {
	var rtn = '<li id="generalCarrier"><a href="/APCONSUMER/BTC501W/" ><button class="' + style + '">' + title + '</button></a></li>';
	return rtn;
}

//for consumer only
function getMOICARBtn(id, title, style) {
	var rtn = '<li><p class="evn_text"><label for="'+ id + '">' + title + '</label></p> <input type="password" name="' + id + '" id="' + id
			+ '"></li>';
	    rtn += '<li><button class="' + style + '" name="button" id="button" onclick="addRegistry(0);return false;" onkeypress="addRegistry(0);return false;">註冊自然人憑證</button></li>';
	return rtn;
}

//for consumer only
function getLoginCarrierPwd() {
	var rtn = '<li id="carrierPwd" ><p class="evn_text"><label for="l_Pincode">插入自然人憑證輸入憑證PIN碼</label></p> <input type="password" name="l_Pincode" id="l_Pincode"></li>';
	return rtn;
}

function getLoginVerifyCode() {
	var rtn = '<li id="captcha" ><p class="evn_text"><label for="checkPicIndex">圖形驗證碼</label></p><input name="checkPicIndex" id="checkPicIndex" type="text"  />' +
				'<img class="border" src="/home/randNum" id="randPicIndex" alt="圖形驗證碼" title="圖形驗證碼" /> ' +
				'<div id="captcha-fresh-button" type="button" aria-label="更新圖形驗證碼" class="btn btn-light border tabIndexFun" onclick="changePicIndex()">' +
        '<span class="fa fa-refresh" aria-hidden="true"></span></div> ';
    if ($("#captchaStrengthenBoolean").val() === "true") {
        rtn += '</il>';
    } else {
        rtn += '<div id="captcha-audio-play-button" type="button" aria-label="語音播放圖形驗證碼" class="btn btn-light border tabIndexFun" title="語音" onclick="playAudio()"> ' +
				'<span class="fa fa-volume-up" aria-hidden="true"></span></div></li>';
    }
	return rtn;
}

function showLogin(id) {
	// var actionUrl = '<s:url value="/Login"/>';
	// $("#loginForm").attr("action", actionUrl);
	switch (id) {
	case 0:
		 $("#carrierPwd").hide();
		 $("#button").hide();
		 $("#generalCarrier").show();
		changeLoginType("U");
		break;
	case 1:
		$("#carrierPwd").show();
		$("#button").show();
		$("#generalCarrier").hide();
		changeLoginType("C");
		break;
	}
}

//變更帳號、憑證，0：帳號，1：憑證
function changeK(kValue) {
	switch (kValue) {
	case 0:
		$("#kId > label").text("帳號");
		$("#kPass > label").text("密碼");
		document.getElementById("forgetTR").style.display = "inline";
		break;
	case 1:
		$("#kId > label").text("身份證字號");
		$("#kPass > label").text("憑證PIN碼");
		document.getElementById("forgetTR").style.display = "none";
		break;
	case 2:
		$("#kPass > label").text("驗證碼(密碼)");
		document.getElementById("forgetVerifyCodeTR").style.display = "inline";
		$("#newUserTable").hide();
		$("#loginBox").find('li').each(function() {
			if ($(this).attr("id") == 'generalCarrier') {
				$(this).show();
			}
		});
		$("#loginPhoneNum").show();
		break;
	case 3:
		$("#kPass > label").text("請插入自然人憑證，輸入憑證PIN碼");
		document.getElementById("forgetVerifyCodeTR").style.display = "none";
		$("#newUserTable").show();
		$("#loginBox").find('li').each(function() {
			if ($(this).attr("id") == 'generalCarrier') {
				$(this).hide();
			}
		});
		$("#loginPhoneNum").hide();
		break;
	}
}
function changeLoginType(loginType) {
	$('#lLoginType').val(loginType);
}
function changeLoginTypeC() {
	$('#lLoginType').val("C");
	$('#typeCheck').val("0");
	$("#captcha").hide();
}
function changeLoginTypeU(loginType) {
	$('#lLoginType').val("U");
	$('#typeCheck').val("1");
	$("#captcha").show();
}

// 政府機關加一個自然人憑證登入
function showLoginG(id) {
	switch (id) {
	case 0:
		$("#loginBan").show();
		$("#loginUserId").show();
		$("#captcha").show();
		changeLoginTypeU();
		document.getElementById("forgetTR").style.display = "inline";
		break;
	case 1:
		$("#loginBan").hide();
		$("#loginUserId").hide();
		$("#captcha").hide();
		changeLoginTypeC();
		document.getElementById("forgetTR").style.display = "none";
		break;
	}
}

function changeSelect(index) {
	
	$('#typeCheck').val("1");//for消費者、營業人、政府機關
	//外部機關、受贈團體、專業代理人沒有憑證登入
	//政府機關憑證登入只有憑證PIN碼
	//外部機關沒有註冊
	//註冊不會到loginAction
	switch (index) {
	default:
	case 'F1348636478689':
		$("#loginTable").hide();
		$("#newUserTable").hide();
		break;
	case 'F1348636507435':// 消費者0
		$("#loginTable").show();
		$("#newUserTable").show();

		//手機條碼、憑證登入button不一樣，在切換時是button也切換，手機條碼是直接網頁跳到APMEMBER，憑證登入還是先到portal 的loginAction
		$("#loginBox").html(getLoginType("changeLoginTypeU();changeK(2);",
				"changeLoginTypeC();changeK(3);", "手機條碼"));//手機條碼、憑證登入切換radio
		$("#loginBox").append(getPhoneNum("l0_mobile"));//手機條碼登入button
		$("#loginBox").append(getLoginPwd("l0_password", "驗證碼(密碼)"));//憑證PIN碼
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(0);return false;"));//憑證登入buttion
		$("#loginBox").append(getLoginForgetVerifyCode());
		$("#newUserBox").html("");
		$("#newUserBox").append(getMOICARBtn("r_Pincode","自然人憑證PIN碼", "evn_orange"));
		$("#newUserTitle").show();
		changeK(2);//init一下
		
		$('#lUserType').val("N");
		$('#lLoginType').val("U");
		
		$('#l0_mobile').focus();
		break;
	case 'F1348636625449':// 營業人1
		$("#loginTable").show();
		$("#newUserTable").show();
		$("#loginBox").html(
				getLoginType("changeLoginTypeU();changeK(0);",
						"changeLoginTypeC();changeK(1);", "帳號"));//帳號、憑證登入切換radio
		$("#loginBox").append(getLoginBan("l1_ban"));//統一編號
		$("#loginBox").append(getLoginUserId("l1_userID"));//帳號
		$("#loginBox").append(getLoginPwd("l1_password", "密碼"));//密碼
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(1);return false;"));//登入button，帳號、憑證共用一個button
		$("#loginBox").append(getLoginForget());//忘記帳號、密碼

		$("#newUserBox").html(getRegisterTitle("請插入工商憑證"));
		$("#newUserBox").append(getRegisterBan("r1_ban"));
		$("#newUserBox").append(getRegisterPwd("r1_Pincode"));
		$("#newUserBox").append(getRegisterBtn("addRegistry(1);return false;"));
		$("#newUserTitle").show();

		$('#lUserType').val("B");
		$('#lLoginType').val("U");
		
		$('#l1_ban').focus();
		break;
	case 'F1348636701989':// 政府機關2
		$("#loginTable").show();
		$("#newUserTable").show();
		$("#loginBox").html(getLoginType("showLoginG(0)", "showLoginG(1)", "帳號"));
		$("#loginBox").append(getLoginBan("l2_ban"));
		$("#loginBox").append(getLoginUserId("l2_userID"));
		$("#loginBox").append(getLoginPwd("l2_password", "密碼"));
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(2);return false;"));
		$("#loginBox").append(getLoginForget());

		$("#newUserBox").html(getRegisterTitle("插入政府憑證/學校團體憑證"));
		$("#newUserBox").append(getRegisterBan("r2_ban"));
		$("#newUserBox").append(getRegisterPwd("r2_Pincode"));
		$("#newUserBox").append(getRegisterBtn("addRegistry(2);return false;"));
		$("#newUserTitle").show();

		$('#lUserType').val("G");
		$('#lLoginType').val( "U");
		$('#lOrgType').val("G");
		
		$('#l2_ban').focus();
		break;
	case 'F1348636714381':// 外部機關3
		$("#loginTable").show();
		$("#newUserTable").hide();
		$("#loginBox").html(getLoginBan("l3_ban"));
		$("#loginBox").append(getLoginUserId("l3_userID"));
		$("#loginBox").append(getLoginPwd("l3_password", "密碼"));
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(3);return false;"));

		$('#lUserType').val("O");
		$('#lLoginType').val("U");
		
		$('#l3_ban').focus();
		break;
	case 'F1348636938440':// 社團服務4
		$("#loginTable").show();
		$("#newUserTable").show();
		$("#loginBox").html(getLoginBan("l4_ban"));
		$("#loginBox").append(getLoginUserId("l4_userID"));
		$("#loginBox").append(getLoginPwd("l4_password", "密碼"));
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(4);return false;"));
		$("#loginBox").append(getLoginForget());

		$("#newUserBox").html(getRegisterTitle("請插入法人憑證"));
		$("#newUserBox").append(getRegisterBan("r4_ban"));
		$("#newUserBox").append(getRegisterPwd("r4_Pincode"));
		$("#newUserBox").append(getRegisterBtn("addRegistry(4);return false;"));
		$("#newUserTitle").show();
		
		$('#lUserType').val("S");
		$('#lLoginType').val("U");
		
		$('#l4_ban').focus();
		break;
	case 'F1348636999086':// 專業代理人5
		$("#loginTable").show();
		$("#newUserTable").show();
		$("#loginBox").html(getLoginBan("l5_ban"));
		$("#loginBox").append(getLoginUserId("l5_userID"));
		$("#loginBox").append(getLoginPwd("l5_password", "密碼"));
		$("#loginBox").append(getLoginVerifyCode());//憑證PIN碼
		
		$("#loginBox").append(getLoginBtn("addLogin(5);return false;"));
		$("#loginBox").append(getLoginForget());

		$("#newUserBox").html(getRegisterTitle("請插入自由職業事務所憑證"));
		$("#newUserBox").append(getRegisterBan("r5_ban"));
		$("#newUserBox").append(getRegisterPwd("r5_Pincode"));
		$("#newUserBox").append(getRegisterBtn("addRegistry(5);return false;"));
		$("#newUserTitle").show();
		
		$('#lUserType').val("A");
		$('#lLoginType').val("U");
		$('#l5_ban').focus();
		break;
	}
	changePicIndex();
	var idx = 0;
	var tabIndexBut = true;
	$.each($(".evn_inner").find('#mainContent,a,input,select,textarea,button,object,.tabIndexFun').not('.tab-custom-focus'), function(i, elmn) {
		   idx++;
		   $(this).attr("tabindex", idx);
		});
		if(tabIndexBut){
			$(".tabIndexFun").keyup(function(e) {
			if (e.key === "Enter") { 
				if(e.key === "Enter") {
					$(this).click();
				}
			}
			});
			tabIndexBut = false;
		}
}

//變更login的id、密碼、統一編號
function addLogin(rType) {

	switch (rType) {
	default:
	case 0:// 消費者
		// 手機號碼
		changeSomething("#lmobile", "#l0_mobile");
		// 密碼
		changeSomething("#lPassword", "#l0_password");
		// 自然人憑藉
		changeSomething("#lPincode", "#l0_password");
		break;
	case 1:// 營業人
		// 統編
		changeSomething("#lBan", "#l1_ban");
		// 帳號
		changeSomething("#lUserID", "#l1_userID");
		changeSomething("#lPid", "#l1_userID");
		// 密碼
		changeSomething("#lPassword", "#l1_password");
		changeSomething("#lPincode", "#l1_password");
		break;
	case 2:// 政府機關
		// 統編
		changeSomething("#lBan", "#l2_ban");
		// 帳號
		changeSomething("#lUserID", "#l2_userID");
		// 密碼
		changeSomething("#lPassword", "#l2_password");
		changeSomething("#lPincode", "#l2_password");
		break;
	case 3:// 外部機關
		// 統編
		changeSomething("#lBan", "#l3_ban");
		// 帳號
		changeSomething("#lUserID", "#l3_userID");
		// 密碼
		changeSomething("#lPassword", "#l3_password");
		break;
	case 4:// 社團服務
		// 統編
		changeSomething("#lBan", "#l4_ban");
		// 帳號
		changeSomething("#lUserID", "#l4_userID");
		// 密碼
		changeSomething("#lPassword", "#l4_password");
		break;
	case 5:// 專業代理人
		// 統編
		changeSomething("#lBan", "#l5_ban");
		// 帳號
		changeSomething("#lUserID", "#l5_userID");
		// 密碼
		changeSomething("#lPassword", "#l5_password");
		break;
	}
	//doLogin();
	var typeC = $('#typeCheck').val();//U：1, C:0
	if(typeC == 1){
		checkPicAndSubmit();
		
	} else {
		doLogin();
	}
	
}


function checkPicAndSubmit(){
	var url = '/home/Ajax';
	$("#recaptchaValue").val($('#checkPicIndex').val());
        var params = {
        	checkString:$('#checkPicIndex').val()
        };
        return jQuery.post(url, params, function callbackFun(data){
        	if(data.num == '1'){
        		changePicIndex();
    			alert("圖形驗證碼輸入錯誤\n");
            } else {
            	checkStatus = true
    			doLogin();
    		}
        }, 'json');
}


function changeSomething(flieName, valueName) {
	$(flieName).val($(valueName).val());
}

//變更serviceType為R,變更註冊的id、統一編號
function addRegistry(rType) {
	
	$("#loginForm").attr("action", "Registry");
	switch (rType) {
	default:
	case 0:// 消費者
		// 自然人憑藉
		$("#lServiceType").val("R");
		$('#lLoginType').val("C");
		changeSomething("#lPincode", "#r_Pincode");
		break;
	case 1:// 營業人
		// 統編
		changeSomething("#lBan", "#r1_ban");
		// 憑證PIN碼
		changeSomething("#lPincode", "#r1_Pincode");
		$("#lServiceType").val("R");
		$("#lLoginType").val("C");
		break;
	case 2:// 政府機關
		// 統編
		changeSomething("#lBan", "#r2_ban");
		// 憑證PIN碼
		changeSomething("#lPincode", "#r2_Pincode");
		$("#lLoginType").val("C");
		$("#lServiceType").val("R");
		break;
	case 3:// 外部機關
		break;
	case 4:// 社團服務
		// 統編
		changeSomething("#lBan", "#r4_ban");
		// 憑證PIN碼
		changeSomething("#lPincode", "#r4_Pincode");
		$("#lServiceType").val("R");
		$("#lLoginType").val("C");
		break;
	case 5:// 專業代理人
		// 統編
		changeSomething("#lBan", "#r5_ban");
		// 憑證PIN碼
		changeSomething("#lPincode", "#r5_Pincode");
		$("#lServiceType").val("R");
		$("#lLoginType").val("C");
		break;
	}
	doRegistry();
	
}