var UnitConvert = function(){
	var self = this;	
	self.init = function(valA, valB, unita, unitb, buttn){
		self.ValueA = $('#'+valA);
		self.ValueB = $('#'+valB);
		self.UnitA = $('#'+unita);
		self.UnitB = $('#'+unitb);
		self.convertBtn = $('#'+buttn);
		self.btnConvert();	
		self.InputChange();		
		self.Reset();
	}
	
	self.Reset = function(){
		$('#unitReset').unbind().on("click", function(){
			$('#results').fadeOut();	
		});
	}
	self.InputChange = function(){
		self.ValueA.on('change', function(){
			$(this).removeClass('toValue');
			$(this).addClass('fromValue');			
			self.UnitA.removeClass('toUnit');
			self.UnitA.addClass('fromUnit');
			
			self.ValueB.removeClass('fromValue');
			self.ValueB.addClass('toValue');
			self.UnitB.removeClass('fromUnit');
			self.UnitB.addClass('toUnit');
			
		});
		self.ValueB.on('change', function(){
			$(this).removeClass('toValue');
			$(this).addClass('fromValue');
			self.UnitB.removeClass('toUnit');
			self.UnitB.addClass('fromUnit');
			
			self.ValueA.removeClass('fromValue');
			self.ValueA.addClass('toValue');
			self.UnitA.removeClass('fromUnit');
			self.UnitA.addClass('toUnit');
		});
		
	}
	self.btnConvert = function(){
		
		self.convertBtn.on('click',function(){
			$('#intro .cont').empty().append('<i class="fa fa-refresh fa-spin fa-3x fa-fw" style="text-align: center;"></i>')
			var fVal = $('.fromValue').val();
			var fUn = $('.fromUnit').val();
			var tUn = $('.toUnit').val();	
			self.convert(fVal,fUn,tUn);
		});
	}
	
	self.convert = function(fromVal, fromUnit,toUnit){
		var ValueA = math.unit(fromVal, fromUnit);
		var newVal = ValueA.to(toUnit);
		$('.toValue').val(parseFloat(newVal));

		//get single value of unit
		var sValA = math.unit(1,fromUnit);
		var sValAnew = sValA.to(toUnit);
		
		var sValB = math.unit(1,toUnit);
		var sValBnew = sValB.to(fromUnit);
		
		RenderResult(parseFloat(fromVal).toFixed(2),fromUnit,parseFloat(newVal).toFixed(2),toUnit, parseFloat(sValAnew).toFixed(2),parseFloat(sValBnew).toFixed(2));
		$('#intro').fadeOut(function(){
			$('#results').fadeIn();	
		});
	}
	
	function RenderResult(fValue, frUnit, tValue, tUnit, sVal1, sVal2){
		// alert(fValue + " " +frUnit + " " +tValue + " " +tUnit);
		$('#rate-to-convert-result span.val').html(fValue);
		$('#rate-to-convert-result span.curr').html(frUnit);
		$('#rate-converted-result span.val').html(tValue);
		$('#rate-converted-result span.curr').html(tUnit);
		$('#midFrom').html(frUnit);
		$('#midTo').html(tUnit);
		
		$('#lowFrom').html("1 " + frUnit + " = " + sVal1 + " " + tUnit);
		$('#lowTo').html("1 " + tUnit + " = " + sVal2 + " " + frUnit);
	}
	
}