
// WHEN BODY I LOADED
// ------------------------------------------------------------------------------------------------
$(document).ready(function() {

	// LOOP EACH CARD-ITEM
	$( '.refill_Card' ).each( function( nCount ) {

		// FIND THE AMOUNT SELECTED AND THE CARD SELECTED
		var nAmount		= $( '[name=amount]:checked' ).val();
		var sCard		= $( '[name=card]:checked' ).val();
		var sCardThis	= this.value;

		// BUILD ID FOR FEE-FIELD AND URL
		var sFieldID	= sCardThis.concat( nCount );
		var url		= window.location.href.split( '?' )[0] + '?refill=ajax&refillAmount=' + nAmount + '&refillCard=' + sCardThis;

		// AJAX TO SEND FIELDVALUE TO FEE-ID
		$( '#' + sFieldID ).load( url, function( response, status, xhr ) {
			if ( status == 'error' ) {
				$( '#' + sFieldID ).html( xhr.status );
				alert( xhr.statuls );
			} else {
				if ( sCard == sCardThis ) {

					// CALCULATE SUM
					var nSum = 0
					nSum += parseFloat( nAmount.replace( ',', '.' ) );
					nSum += parseFloat( response.replace( ',', '.' ) );
					nSum = nSum.toFixed( 2 ).toString().replace('.',',');

					// INSERT VALUES INTO PAGE
					$( '#refill_Fee' ).html( response );
					$( '#refill_Amount' ).html( parseFloat( nAmount ).toFixed( 2 ).toString().replace( '.', ',' ) );
					$( '#refill_Total' ).html( nSum );

				}
			}
		});

	});

	$('.refill_Card' ).click( function() {

		// LOOP EACH CARD-ITEM
		$( '.refill_Card' ).each( function( nCount ) {

			// FIND THE AMOUNT SELECTED AND THE CARD SELECTED
			var nAmount		= $( '[name=amount]:checked' ).val();
			var sCard		= $( '[name=card]:checked' ).val();
			var sCardThis	= this.value;

			// BUILD ID FOR FEE-FIELD AND URL
			var sFieldID	= sCardThis.concat( nCount );
			var url		= window.location.href.split( '?' )[0] + '?refill=ajax&refillAmount=' + nAmount + '&refillCard=' + sCardThis;

			// AJAX TO SEND FIELDVALUE TO FEE-ID
			$( '#' + sFieldID ).load( url, function( response, status, xhr ) {
				if ( status == 'error' ) {
					$( '#' + sFieldID ).html( xhr.status );
					alert( xhr.statuls );
				} else {
					if ( sCard == sCardThis ) {

						// CALCULATE SUM
						var nSum = 0
						nSum += parseFloat( nAmount.replace( ',', '.' ) );
						nSum += parseFloat( response.replace( ',', '.' ) );
						nSum = nSum.toFixed( 2 ).toString().replace('.',',');

						// INSERT VALUES INTO PAGE
						$( '#refill_Fee' ).html( response );
						$( '#refill_Amount' ).html( parseFloat( nAmount ).toFixed( 2 ).toString().replace( '.', ',' ) );
						$( '#refill_Total' ).html( nSum );

					}
				}
			});

		});

	});

	$('.refill_Amount' ).click( function() {

		// LOOP EACH CARD-ITEM
		$( '.refill_Card' ).each( function( nCount ) {

			// FIND THE AMOUNT SELECTED AND THE CARD SELECTED
			var nAmount		= $( '[name=amount]:checked' ).val();
			var sCard		= $( '[name=card]:checked' ).val();
			var sCardThis	= this.value;

			// BUILD ID FOR FEE-FIELD AND URL
			var sFieldID	= sCardThis.concat( nCount );
			var url		= window.location.href.split( '?' )[0] + '?refill=ajax&refillAmount=' + nAmount + '&refillCard=' + sCardThis;

			// AJAX TO SEND FIELDVALUE TO FEE-ID
			$( '#' + sFieldID ).load( url, function( response, status, xhr ) {
				if ( status == 'error' ) {
					$( '#' + sFieldID ).html( xhr.status );
					alert( xhr.statuls );
				} else {
					if ( sCard == sCardThis ) {

						// CALCULATE SUM
						var nSum = 0
						nSum += parseFloat( nAmount.replace( ',', '.' ) );
						nSum += parseFloat( response.replace( ',', '.' ) );
						nSum = nSum.toFixed( 2 ).toString().replace('.',',');

						// INSERT VALUES INTO PAGE
						$( '#refill_Fee' ).html( response );
						$( '#refill_Amount' ).html( parseFloat( nAmount ).toFixed( 2 ).toString().replace( '.', ',' ) );
						$( '#refill_Total' ).html( nSum );

					}
				}
			});

		});
	});

	$( '#refill_Written' ).change( function() {

		var sParent			= $( '#refill_Parrent' ).val();
		var nParrentAmount	= $(this).val();
		$('#' + sParent ).val( nParrentAmount );

			// LOOP EACH CARD-ITEM
		$( '.refill_Card' ).each( function( nCount ) {

			// FIND THE AMOUNT SELECTED AND THE CARD SELECTED
			var nAmount		= $( '[name=amount]:checked' ).val();
			var sCard		= $( '[name=card]:checked' ).val();
			var sCardThis	= this.value;

			// BUILD ID FOR FEE-FIELD AND URL
			var sFieldID	= sCardThis.concat( nCount );
			var url		= window.location.href.split( '?' )[0] + '?refill=ajax&refillAmount=' + nAmount + '&refillCard=' + sCardThis;

			// AJAX TO SEND FIELDVALUE TO FEE-ID
			$( '#' + sFieldID ).load( url, function( response, status, xhr ) {
				if ( status == 'error' ) {
					$( '#' + sFieldID ).html( xhr.status );
					alert( xhr.statuls );
				} else {
					if ( sCard == sCardThis ) {

						// CALCULATE SUM
						var nSum = 0
						nSum += parseFloat( nAmount.replace( ',', '.' ) );
						nSum += parseFloat( response.replace( ',', '.' ) );
						nSum = nSum.toFixed( 2 ).toString().replace('.',',');

						// INSERT VALUES INTO PAGE
						$( '#refill_Fee' ).html( response );
						$( '#refill_Amount' ).html( parseFloat( nAmount ).toFixed( 2 ).toString().replace( '.', ',' ) );
						$( '#refill_Total' ).html( nSum );

					}
				}
			});

		});
	});

});



//});
