//payment method
var bank_select = '';

function create_cart_payment_tab(payment){

  var d_cart = document.getElementById('tab_order');
  
  var tab_cart = document.createElement('div');
  	  tab_cart.id = 'tab_cart';
	  d_cart.appendChild(tab_cart);
	  
  var tab_cart_title = document.createElement('div');
	  tab_cart_title.id = 'tab_cart_title';
	  tab_cart.appendChild(tab_cart_title);
	  
  var tab_cart_title_text = document.createElement('p');
	  tab_cart_title_text.innerHTML = 'we accept';
	  tab_cart_title.appendChild(tab_cart_title_text);
	  
	  //close button
	  del_img = document.createElement('IMG');
	  del_img.id  = 'close_tab_cart';
	  del_img.src = 'http://www.whofindwho.com/store_template/theme/images/btn_close.gif';
	  tab_cart_title.appendChild(del_img);
	  
		if(window.addEventListener){ // Mozilla, Netscape, Firefox
		        del_img.addEventListener('click', listener_close_cart_tab, false);
		        del_img.dom_value = del_img.value;
		        del_img.dom_id    = del_img.id;
		} else { // IE
		        del_img.attachEvent('onclick', listener_close_cart_tab);
		        del_img.dom_value = del_img.value;
		        del_img.dom_id    = del_img.id;
		}	
		

	var rep_form = document.createElement('form');
		tab_cart.appendChild(rep_form);  

		var payTab = document.createElement("div");
		payTab.id			= 'payment_'+ i;
		payTab.className 	= 'payment';
		payTab.value = i;
		payTab.innerHTML	= 'Total amount: RM '+ subtotal.toFixed(2)+'<br/> Bank Payment Referance No.: ';
		tab_cart.appendChild(payTab);
		
		
		var ref_input = document.createElement("input");
			ref_input.type = 'text';
			ref_input.id   = 'ref_input';
			payTab.appendChild(ref_input);
		
		
	for (var i=0;i<payment.length;i++){
		var data = payment[i].split('|');
		var output = ' Account no.: ' + data[2] +'<br/> Name: '+ data[3] ;
		var payTab = document.createElement("div");
		payTab.id			= 'payment_'+ i;
		payTab.className 	= 'payment';
		payTab.value = i;
		tab_cart.appendChild(payTab);
		
		var paySelectBox = document.createElement('div');;
		paySelectBox.className = 'paySelectBox';
		payTab.appendChild(paySelectBox);
		
		var paySelect= document.createElement('input');
		paySelect.className = 'rep_select';
		paySelect.id = data[4] ;
		paySelect.value = data[4];
		paySelect.setAttribute('type','radio');
		paySelect.setAttribute('name','repradio');
		paySelectBox.appendChild(paySelect);

		var payContentBox = document.createElement('div');;
		payContentBox.className = 'payContentBox';
		payTab.appendChild(payContentBox);
		
		var banker = document.createElement("img");
		banker.id ='banker_logo';
		banker.src='http://www.whofindwho.com/green_engine/theme/images/banker/'+data[1]+'.gif';
		banker.alt='banker logo';
		payContentBox.appendChild(banker);
		
		var repfield = document.createElement("p");
		repfield.id='ref_text';
		repfield.className = 'field_content';
		repfield.innerHTML = output;
		payContentBox.appendChild(repfield);
		
//on click
		if(window.addEventListener){ // Mozilla, Netscape, Firefox
				paySelect.addEventListener('click', onclick_payment, false);
				paySelect.dom_value = paySelect.value;
				paySelect.dom_id    = paySelect.id;
		} else { // IE
				paySelect.attachEvent('onclick', onclick_payment);
				paySelect.dom_value = paySelect.value;
				paySelect.dom_id    = paySelect.id;
		}							
			
	}
  //next button
  var footDiv = document.createElement('div');
  footDiv.id = 'app_footer';
  tab_cart.appendChild(footDiv);  
  
  btn_next = document.createElement('IMG');
  btn_next.id  = 'next_step';
  btn_next.src = 'http://www.whofindwho.com/store_template/theme/images/btn_next.gif';
  btn_next.alt=  'next step';
  footDiv.appendChild(btn_next);
  
  	//close button listener
	if(window.addEventListener){ // Mozilla, Netscape, Firefox
			btn_next.addEventListener('click', listener_payment_next_tab, false);
			btn_next.dom_value = btn_next.value;
			btn_next.dom_id    = btn_next.id;
	} else { // IE
			btn_next.attachEvent('onclick', listener_payment_next_tab);
			btn_next.dom_value = btn_next.value;
			btn_next.dom_id    = btn_next.id;
	}
	
	//back button
  btn_back = document.createElement('IMG');
  btn_back.id  = 'back_step';
  btn_back.src = 'http://www.whofindwho.com/store_template/theme/images/btn_back.gif';
  btn_back.alt=  'back step';
  footDiv.appendChild(btn_back);
  
  	//close button listener
	if(window.addEventListener){ // Mozilla, Netscape, Firefox
			btn_back.addEventListener('click', listener_payment_back_tab, false);
			btn_back.dom_value = btn_back.value;
			btn_back.dom_id    = btn_back.id;
	} else { // IE
			btn_back.attachEvent('onclick', listener_payment_back_tab);
			btn_back.dom_value = btn_back.value;
			btn_back.dom_id    = btn_back.id;
	}	
	
}
function listener_payment_back_tab(){
	close_tab();
	//create_cart_recepient_tab(recepient);	
	retrive_contact_list_by_member(member_id);		
}
function onclick_payment(evt){ 
	var e_out;
	var ie_var = "srcElement";
	var moz_var = "target";
	var prop_var = "dom_id";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
	var ref_input =  document.getElementById('ref_input');
	var output = ref_input.value;
	bank_select = e_out;
	opayment = e_out + '|' + output;
		
}

function listener_payment_next_tab(evt){
	var e_out;
	var ie_var = "srcElement";
	var moz_var = "target";
	var prop_var = "dom_value";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
	
	var order = store_id + '<--' + member_id + '<--' + oitem + '<--' + orecipient + '<--' + opayment + '<--' + courier_total;
	//alert(order);
	var result = validate_input_p();
	
	if (result == true){
		sent_order(order);
		eraseCookie('ord'+store_id + member_id)
		close_tab()
		create_cart_success_tab()
	}else
		alert('Please enter your bank transfer reference number and select an account');
}

function validate_input_p(){
	var valid = true;
	var ref_no = document.getElementById('ref_input').value;
	if (ref_no == '')
		valid = false;

	if (bank_select == '')
		valid = false;

	return valid;
}