$(function(){
		$('div#result').html('Enter the amount and press Go');		
		function get_result(){
				var amount = $('#amount_input').val();
				if (amount == parseFloat(amount)){				
					
					var selected_from = $('#from_input :selected').val();
					var selected_to = $('#to_input :selected').val();
									
					$('div#result').html('<img src="images/load.gif" alt="Loading..." />');
					$.post("ajax.php", { value: amount, from: selected_from,  to: selected_to},
					function(data){
						$('div#result').html(amount + " " + selected_from + " " + "=" + " " + data + selected_to);
					}, "html");
					
				} else {
					$('div#result').html('Enter a numeric value');
				}
		}
		
		
		$('#rates_from abbr').click(function(){
			var current_c = $('#from_input :selected').val();
			var currency = $(this).html();
			if (currency != current_c){
				$("#from_input").val(currency);
				get_result();
			}
		});
		
		$('#rates_to abbr').click(function(){
			var current_c = $('#to_input :selected').val();
			var currency = $(this).html();
			if (currency != current_c){
				$("#to_input").val(currency);
				get_result();
			}
		});
		
		$('#amount_input').change(function(){
			get_result();
			return false;
		
		});
		
		$('#from_input, #to_input').change(function(){
			get_result();
			return false;
		
		});
		
		//Get values on click
		$('#go_btn').click(function(){
			get_result();
			return false;
		
		});
	});