$(document).ready(function() 
{
	$('#direction').val('eur');
	clear();
	
	$(".num").click(function(){num(this);})
	$("#eur").keyup(function(){result();})
	$("#skk").keyup(function(){result();})
	$('#eur').focus(function(){setDirection('eur');});
	$('#skk').focus(function(){setDirection('skk');});
	
	$(".coma").click(function(){coma();})
	$(".back").click(function(){back();})
	$(".clear").click(function(){clear();})
	
	$(".eur").click(function(){
		setDirection('eur');
	})
	
	$(".skk").click(function(){
		setDirection('skk');
	})
	
	function setDirection(direction)
	{
		$('#direction').val(direction);
		
		if('eur' == direction)
		{
			$('#skk').css('border','1px solid #cb2121');
			$('#eur').css('border','2px solid #cb2121');
			

			$(".skk").find('img').attr('src','/gfx/skkBG.gif');
			$(".eur").find('img').attr('src','/gfx/eurBGH.gif');
		}
		else
		{
			$('#eur').css('border','1px solid #cb2121');
			$('#skk').css('border','2px solid #cb2121');
			
			$(".skk").find('img').attr('src','/gfx/skkBG.gif');
			$(".eur").find('img').attr('src','/gfx/eurBGH.gif');
		}
	}

	function num(number)
	{
		
		value = $(number).text();
		
		directio = $('#direction').val();
		
		
		if('eur' == directio)
		{
			current_val = $('#eur').val();
			$('#eur').val(current_val+value);
			result();
		}
		else
		{
			current_val = $('#skk').val();
			$('#skk').val(current_val+value);
			result();
		}
		
		
	}
	
	function coma()
	{
		directio = $('#direction').val();
		
		if('eur' == directio)
		{
			current_val = $('#eur').val();
			$('#eur').val(current_val+',');
		}
		else
		{
			current_val = $('#skk').val();
			$('#skk').val(current_val+',');
		}
	}

	function result()
	{
		directio = $('#direction').val();
		
		if('eur' == directio)
		{
			string_val = $('#eur').val();
			
			current_val = parseFloat(string_val.replace(",", "."));
			skk_value = current_val*30.126;
			$('#skk').val(skk_value.toFixed(2));
		}
		else
		{
			string_val = $('#skk').val();
			current_val = parseFloat(string_val.replace(",", "."));
			eur_value = current_val/30.126;
			$('#eur').val(eur_value.toFixed(2));
		}
	
	}
	
	function back()
	{
		directio = $('#direction').val();
		
		if('eur' == directio)
		{
			current_val = $('#eur').val();
			new_val = current_val.substring(0, current_val.length - 1);
			$('#eur').val(new_val);
		}
		else
		{
			current_val = $('#skk').val();
			new_val = current_val.substring(0, current_val.length - 1);
			$('#skk').val(new_val);
		}
		
		
		result();
	}
	
	function clear()
	{
		$('#eur').val('');
		$('#skk').val('');
	}
	
});