function changePlan(){
	var planArray = document.getElementsByName("plan");
	var strPlan;
	for(i =0; i<planArray.length;i++){
		if(planArray[i].checked){
			strPlan=planArray[i].value;
		}
	}
	if (strPlan){
		SevicePlanPay.getPayment(strPlan,{callback:dispPayment,timeout:50000,errorHandler:errorReturn("")});
	}else {
		dispPayment("");		
	}
}

function dispPayment(data){
	
	var str=data.split("|");
	
	if (data==""){
		$('date0').innerHTML="&nbsp;";
		$('date1').innerHTML="&nbsp;";
		$('date2').innerHTML="&nbsp;";
		$('date3').innerHTML="&nbsp;";
	
		$('pay0').innerHTML="&nbsp;";
		$('pay1').innerHTML="&nbsp;";
		$('pay2').innerHTML="&nbsp;";
		$('targetTable').style.display="none";
		$('pay3').innerHTML="&nbsp;";
	}else{
		$('date0').innerHTML=str[0];
		$('date1').innerHTML=str[1];
		$('date2').innerHTML=str[2];
		$('date3').innerHTML=str[3];
	
		$('pay0').innerHTML="HK$" + str[4];
		$('pay1').innerHTML="HK$" + str[5];
		$('pay2').innerHTML="HK$0.00";
		$('pay3').innerHTML="HK$" + str[6];
		$('targetTable').style.display=str[7];
//		$('targetTableDn').style.display="inline";
	}
}

function dispChangePlanPayment(data){
	
	var str=data.split("|");
	
	if (data==""){
		$('date1').innerHTML="&nbsp;";
		$('date2').innerHTML="&nbsp;";
		$('date3').innerHTML="&nbsp;";
	
		$('pay1').innerHTML="&nbsp;";
		$('pay2').innerHTML="&nbsp;";
		$('pay3').innerHTML="&nbsp;";
		$('targetTable').style.display="none";
		$('effectDate').value="";
	}else{
		$('date1').innerHTML=str[0];
		$('date2').innerHTML=str[1];
		$('date3').innerHTML=str[2];
	
		$('pay1').innerHTML="HK$" + str[3];
		$('pay2').innerHTML="HK$0.00";
		$('pay3').innerHTML="HK$" + str[3];
		$('targetTable').style.display=str[4];
		$('effectDate').value=str[5];
	}
}

function errorReturn(message){
	dispPayment("");
}

function newErrorReturn(message){
	dispChangePlanPayment("");
}

function init() {
	useLoadingMessage("Loading ..."); 
} 

if (window.addEventListener) { 
	window.addEventListener("load", init, false); 
} else if (window.attachEvent) { 
	window.attachEvent("onload", init); 
} else { 
	window.onload = init; 
}

function useLoadingMessage(message) {
	var loadingMessage;
	if (message) 
		loadingMessage = message; 
	else 
		loadingMessage = "Loading"; 
	
		DWREngine.setPreHook(function() {
			var disabledZone = $('disabledZone'); 
			if (!disabledZone) { 
				var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); 
				var divtop=scrollTop;
			
				disabledZone = document.createElement('div'); 
				disabledZone.setAttribute('id', 'disabledZone'); 
				disabledZone.style.position = "absolute"; 
				disabledZone.style.zIndex = "1000"; 
				disabledZone.style.left = "0px"; 
				disabledZone.style.top = divtop.toString()+"px"; 
				disabledZone.style.width = "100%"; 
				disabledZone.style.height = "100%"; 
				document.body.appendChild(disabledZone); 
				var messageZone = document.createElement('div'); 
				messageZone.setAttribute('id', 'messageZone'); 
				messageZone.style.position = "absolute"; 
				messageZone.style.top = "0px"; 
				messageZone.style.right = "0px"; 
				messageZone.style.background = "red"; 
				messageZone.style.color = "white"; 
				messageZone.style.fontSize="9pt";
				messageZone.style.fontFamily = "Arial,Helvetica,sans-serif"; 
				messageZone.style.padding = "4px"; 
				disabledZone.appendChild(messageZone); 
				var text = document.createTextNode(loadingMessage); 
				messageZone.appendChild(text); 
			} else { 
				$('messageZone').innerHTML = loadingMessage;
				var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); 
				var divtop=scrollTop;
				disabledZone.style.top = divtop.toString()+"px"; 
				disabledZone.style.visibility = 'visible'; 
			}
	});
	DWREngine.setPostHook(function() {
		$('disabledZone').style.visibility = 'hidden'; 
	});
}

function createMessage(msg){

	disabledZone = document.createElement("div"); 
	disabledZone.setAttribute("id", "disabledZone");
	disabledZone.style.position="absolute";
	disabledZone.style.width="100%";
	disabledZone.style.height="100%";
	disabledZone.style.zIndex="999";
	disabledZone.style.backgroundColor="black";
	disabledZone.style.textAlign="center";
	disabledZone.style.valign="middle";
	disabledZone.style.opacity="0.50";
	disabledZone.style.filter="alpha(opacity=50)";
	document.body.appendChild(disabledZone);
	
	var messageZone = document.createElement("table");
	messageZone.setAttribute("id","messageZone");
	messageZone.setAttribute("border","0");
	messageZone.style.width="100%";
	messageZone.style.height="100%";
	disabledZone.appendChild(messageZone);
	
	var oTr=document.createElement("tr");
	oTr.setAttribute("valign","middle");
	messageZone.appendChild(oTr);
	
	var oTd=document.createElement("td");
	oTd.setAttribute("align","center");
	oTr.appendChild(oTd);
	
	var msgDiv=document.createElement("div");
	msgDiv.setAttribute("id","msgDiv");
	oTd.appendChild(msgDiv);
	var text = document.createTextNode(loadingMessage);
	msgDiv.appendChild(text);
	
}