$(function(){
	var reval  = "";
	reval += "<div class=\"row\">";
	reval += "    	<div class=\"col-md-24 col-sm-24 col-xs-24\">";
	reval += "            <p><strong>Rates in the table were last updated on <span id=\"updatetime\"></span></strong></p>";
	reval += "            <div class=\"row\">";
	reval += "                <div class=\"col-md-24 col-sm-24 col-xs-24\" id=\"trancashed\"></div>";
	reval += "            </div>";
	reval += "            <form class=\"form-inline\">";
	reval += "                <div class=\"form-group\">";
	reval += "                    <div class=\"input-group\">";
	reval += "                        <div class=\"input-group-addon\">Amount</div>";
	reval += "                        <input type=\"text\" required class=\"form-control\" id=\"exampleInputAmount\" value=\"1\">";
	reval += "                    </div>";
	reval += "                </div>";
	reval += "                ";
	reval += "                <div class=\"form-group\">";
	reval += "                    <div class=\"input-group\">";
	reval += "                        <div class=\"input-group-addon\"><i class=\"fa fa-usd\"></i></div>";
	reval += "                        <select id=\"countryfrom\" name=\"countryfrom\"  class=\"form-control currencyicon\">";
	reval += "                            <option value=\"CNY\">Chinese Yuan - CNY</option>";
	reval += "                            <option value=\"USD\" selected>U.S. Dollar (Primary)- USD</option>";
	reval += "                            <option value=\"AUD\">Australian Dollar – AUD</option>";
	reval += "                            <option value=\"GBP\">British Pound – GBP</option>";
	reval += "                            <option value=\"CAD\">Canadian Dollar – CAD</option>";
	reval += "                            <option value=\"EUR\">Euro – EUR</option>";
	reval += "                            <option value=\"JPY\">Japanese Yen- JPY</option>";
	reval += "                            <option value=\"HKD\">Hong Kong Dollar – HKD</option>";
	reval += "                            <option value=\"RUB\">Russian Ruble – RUB</option>";
	reval += "                            <option value=\"SGD\">Singapore Dollar – SGD</option>";
	reval += "                        </select>";
	reval += "                    </div>";
	reval += "                </div>";
	reval += "                <button type=\"button\" id=\"exchange\" class=\"btn btn-primary\"><i class=\"fa fa-exchange\"></i></button>";
	reval += "                <div class=\"form-group\">";
	reval += "                    <div class=\"input-group\">";
	reval += "                        <div class=\"input-group-addon\"><i class=\"fa fa-cny\"></i></div>";
	reval += "                        <select id=\"countryto\" name=\"countryfrom\"  class=\"form-control currencyicon\">";
	reval += "                            <option value=\"CNY\" selected>Chinese Yuan - CNY</option>";
	reval += "                            <option value=\"USD\">U.S. Dollar (Primary)- USD</option>";
	reval += "                            <option value=\"AUD\">Australian Dollar – AUD</option>";
	reval += "                            <option value=\"GBP\">British Pound – GBP</option>";
	reval += "                            <option value=\"CAD\">Canadian Dollar – CAD</option>";
	reval += "                            <option value=\"EUR\">Euro – EUR</option>";
	reval += "                            <option value=\"JPY\">Japanese Yen- JPY</option>";
	reval += "                            <option value=\"HKD\">Hong Kong Dollar – HKD</option>";
	reval += "                            <option value=\"RUB\">Russian Ruble – RUB</option>";
	reval += "                            <option value=\"SGD\">Singapore Dollar – SGD</option>";
	reval += "                        </select>";
	reval += "                    </div>";
	reval += "                </div>";
	reval += "                <button type=\"button\" id=\"trancash\" class=\"btn btn-danger\">Convert</button>";
	reval += "            </form>";
	reval += "        </div>";
	reval += "    </div>";
	$('#trancashbox').html(reval);

	$.ajax({
		url: '/api/cht/currency/getCurrencydata.php'
		,type: 'GET'
		,dataType: 'JSON'
	}).done(function (data) {
		CurrencyData = data;

		$('#updatetime').text(CurrencyData.time);
	})
	$('.currencyicon').change(function(){
		//更改样式
		var iconname = $(this).val();
		var myobj = $(this).parent().children('.input-group-addon').children('i');
		changicon(myobj,iconname);
	});

	function changicon(obj,vals){
		var iconname_txt = '';
		var someicon = 'CAD,HKD,SGD';
		if(someicon.indexOf(vals)>-1){
			switch (vals){
				case 'CAD':
					iconname_txt = 'C$';
					break;
				case 'HKD':
					iconname_txt = 'HK$';
					break;
				case 'SGD':
					iconname_txt = 'S$';
					break;
				default:
					break;
			}
			var iconcls = 'fa fa-' + vals.toLowerCase();
			var oldclass = obj.attr('class');
			obj.removeClass(oldclass);
			obj.text(iconname_txt);
		}else{
			var iconcls = 'fa fa-' + vals.toLowerCase().replace('aud','usd');
			var oldclass = obj.attr('class');
			obj.text('');
			obj.removeClass(oldclass);
			obj.addClass(iconcls);
		}
	}

	$('#trancash').click(function(){
		var cash = parseFloat($('#exampleInputAmount').val());
		var __from = $('#countryfrom').val();
		var __to = $('#countryto').val();
		if(__from == __to){
			return false;
		}
		isNaN(cash) ? cash = 100 : null;
		//获取汇率
		var rateData = CurrencyData.data;
		for(var key in rateData){
			if(rateData[key].from == __from && rateData[key].to == __to){
				var cashs = rateData[key].currency * cash;
				var trancashed = '<h2>' + cash + ' ' + __from + ' = ' + cashs.toFixed(3) + ' ' + __to + '</h2>';
				$('#trancashed').html(trancashed);
				break
			}
		}
	});

	$('#exchange').click(function(){
		var c_from = $('#countryfrom').val();
		var c_fromObj = $('#countryfrom').parent().children('.input-group-addon').children('i');
		var c_fromicon = c_fromObj.attr('class');
		var c_to = $('#countryto').val();
		var c_toObj = $('#countryto').parent().children('.input-group-addon').children('i');
		var c_toicon = c_toObj.attr('class');
		$("#countryfrom option[value='"+ c_to + "']").prop('selected','selected');
		$("#countryto option[value='"+ c_from + "']").prop('selected','selected');
		//更改图标
		c_fromObj.text('');
		c_fromObj.removeClass(c_fromicon);
		changicon(c_fromObj,c_to);
		c_toObj.text('');
		c_toObj.removeClass(c_toicon);
		changicon(c_toObj,c_from);
	});
});