/*
|--------------------------------------------------------------------------
| Mazuma BACS Javascript Helpers File - Sticky New Media - v1 Dec 09
|--------------------------------------------------------------------------
|
*/

function saveFinalBacsDetails()
{
	var $account_name = document.forms['accountDetails'].account_name.value;
	var $account_number = document.forms['accountDetails'].account_number.value;
	var $account_sort1 = document.forms['accountDetails'].account_sort_1.value;
	var $account_sort2 = document.forms['accountDetails'].account_sort_2.value;
	var $account_sort3 = document.forms['accountDetails'].account_sort_3.value;
	var $account_roll = document.forms['accountDetails'].account_roll.value;
	var $account_fps = document.forms['accountDetails'].account_fps_enabled.value;
	xajax_saveBacsDetails($account_name,$account_number,$account_sort1,$account_sort2,$account_sort3,$account_roll,$account_fps); 
}

function checkDetailsLoader()
{
	var $account_name = document.forms['accountDetails'].account_name.value;
	var $account_number = document.forms['accountDetails'].account_number.value;
	var $account_sort1 = document.forms['accountDetails'].account_sort_1.value;
	var $account_sort2 = document.forms['accountDetails'].account_sort_2.value;
	var $account_sort3 = document.forms['accountDetails'].account_sort_3.value;
	var $account_roll = document.forms['accountDetails'].account_roll.value;
	var $site_id = document.forms['accountDetails'].site_id.value;
	xajax.$('searchingLoader').style.display = 'block';
	xajax_verifyBankDetails($account_name,$account_number,$account_sort1,$account_sort2,$account_sort3,$account_roll,$site_id); 
}

function confirmationBoxCloseOkay()
{	
	// hide confirmation popup and mask
	$("#detailsConfirmationBox").css({display: 'none'});	
	$("#popupMask").css({display: 'none'});
}

function confirmationBoxCloseCancel()
{
	// reset form to original state for editing
	$("#account_name").removeAttr('disabled');
	$("#account_name").css({'background-color': '#EBFCDD', 'color': '#333'});
	$("#account_sort_1").removeAttr('disabled');
	$("#account_sort_1").css({'background-color': '#EBFCDD', 'color': '#333'});
	$("#account_sort_2").removeAttr('disabled');
	$("#account_sort_2").css({'background-color': '#EBFCDD', 'color': '#333'});
	$("#account_sort_3").removeAttr('disabled');
	$("#account_sort_3").css({'background-color': '#EBFCDD', 'color': '#333'});
	$("#account_number").removeAttr('disabled');
	$("#account_number").css({'background-color': '#EBFCDD', 'color': '#333'});
	$("#account_roll").removeAttr('disabled');
	$("#account_roll").css({'background-color': '#EBFCDD', 'color': '#333'});

	// reset verify details button code
	$("#accCheckDetailsWrapper").html('<input type="image" src="/images/09/confirmOrderVerifyBankBut.gif" alt="Verify My Bank Details" class="icon" onclick="javascript:checkDetailsLoader()"/>');
	
	// reset back to orange verify details/terms box wording
	$("#confirmTermsBacs").html('<p>PLEASE NOTE:<br />You must enter and verify your bank account details to proceed.</p>');

	// reset action buttons
	$("#reviewButtonDiv").css({margin: '17px 0 5px 0'});	
	$("#checkoutButtonDiv").css({margin: '17px 0 5px 292px'});	
	
	// reset to orange verify details/terms box div ID
	//var $confirmTermsDiv = $("#confirmTerms");
	//$confirmTermsDiv.attr("id", "confirmTermsBacs");
	
	// reset place order button
	$("#checkoutButtonDiv").html('<img src="/images/09/confirmPlaceMySellOrderBut.gif" name="confirmOrderBut" alt="Place my sell order" id="confirmOrderBut" onclick="javascript:tcAlertBacs()" />');
	
	// hide expose/confirmation popup
	$("#detailsConfirmationBox").css({display: 'none'});	
	$("#popupMask").css({display: 'none'});
	
}

$(document).ready(function() {

	// .guessInput = give your sort codes inputs the same class name, then replace 
	$('.accSortInput').keyup(function(e){
		
		// get value of input field : guess
		var guessCode = $(this).val();
		
		// get all of the IENI input fields and store in variable [IMEIS]
		var guess = $('.accSortInput');
		
		// get the index of current IMEI input field
		var indexValue = guess.index(this);
		
		// validate tacCode : length[8] : numbers[0-9]
		// change the length of you input field
		if( guessCode.length >= 2 )
		{

			// change the input field background-color
			$(this).css({'background-color' : '#EBFCDD', 'color' : '#333333'});
			
			// set the focus of the next
			$(this).next().focus();
			
		}
		else
		{

			// detect for tab key & not the end of the input boxes
			if( e.which == "9" && indexValue < (guess.length-1) )
			{
				$(this).prev().focus();
			}
			else
			{
				$(this).focus();
			}
			
		}
		
	});
	
	// SET popup page mask
	$("#popupMask").height($(document).height());

	if( typeof( window.innerWidth ) == 'number' ) {
	    // SET left position of popup
		$("#detailsConfirmationBox").css('left', (window.innerWidth - 700) / 2);
	  } else {
		// SET left position of popup for IE
		$("#detailsConfirmationBox").css('left', (document.documentElement.clientWidth - 700) / 2);
	}

});