var convert_from;
		var convert_to;
		var convert_left;
		var convert_right;
		var mode;
		var timer;
		var direction;
		var pointer_position;
		
		function convert()
		{

			convert_left = $('#input-left').val();
			convert_right = $('#input-right').val();
			convert_from = $('#convert-from').val();
			convert_to = $('#convert-to').val();
			
			if(convert_left != '' || convert_right != '')
			{
			$('.button-convert').fadeOut();
		
			queryString =  "convert.php?convert_left="+convert_left;
			queryString += "&convert_right="+convert_right;
			queryString += "&convert_from="+convert_from;
			queryString += "&convert_to="+convert_to;

			//alert(queryString);
		
			$.get(queryString, function(result,status){
				
				if($('#input-left').val() == "")
				{
					$('#input-left').val(result);
				}
				else
				{
					$('#input-right').val(result);
				}
				$('.button-convert').fadeIn();
				
			})
			
			}
		}
		
		$(document).ready(
			function(){
				direction = 1;
				mode = 'length';
				pointer_position = -121;
				
				
				
			
				$('.button-convert').click(function(e){
					e.preventDefault();
					convert();
				});
				
				$('.button-select').mousedown(function(e){
					$(this).addClass('down');
				});
				
				$('.button-select').mouseup(function(e){
					$(this).removeClass('down');
				});
				
				$('.button-select').click(function(e){
					e.preventDefault();
					
					$('.button-select').removeClass('sel'+mode);
					
					if(direction == 1)
					{
						if(mode=='length')
						{
							mode = 'temperature';
						}
						else if(mode=='temperature')
						{
							mode = 'weight';
							direction = 0;
						}
					}
					else
					{
						if(mode=='temperature')
						{
							mode = 'length';
							direction = 1;
						}
						else if(mode=='weight')
						{
							mode = 'temperature';
						}
					}
					
					animateDial(mode);
					
					//$('.button-select').delay(250).queue(function(){$(this).addClass('sel'+mode);$(this).dequeue();});
					
					$('.select-left,.select-right').slideUp();
					
					$('#convert-from').val($('.'+mode).find('.select-left').find('a:eq(0)').html());
					
					$('#convert-to').val($('.'+mode).find('.select-right').find('a:eq(1)').html());
					
					$('#selected').delay(250).queue(function(){$(this).attr('class',mode);$(this).dequeue();});
					
					convert();
				})
				
				$('.button-select,.button-convert,.input-left,.input-right,#selected').click(function(){
					$('.select-left,.select-right').slideUp();
				});
				
				$('.select-left,.select-right').hide();
					
					$('#convert-from').val($('.'+mode).find('.select-left').find('a:eq(0)').html());
					
					$('#convert-to').val($('.'+mode).find('.select-right').find('a:eq(1)').html());
				
				$('.select-left a').click(function(e){
					e.preventDefault();
					convert_from = $(this).html();
					$('.convert-from').val($(this).html());
					$(this).parents('ul').slideUp();
					convert();
				});
				$('.select-right a').click(function(e){
					e.preventDefault();
					convert_to = $(this).html();
					$('.convert-to').val($(this).html());
					$(this).parents('ul').slideUp();
					convert();
				});
				
				$('#convert-from').click(function(e){
					$('.'+mode).find('.select-left').slideToggle();
				});
				$('#convert-to').click(function(e){
					$('.'+mode).find('.select-right').slideToggle();
				});
				
				$('#input-left').keyup(
					function(event)
					{
						clearTimeout(timer);
						if($('#input-left').val()!='')
						{
						clearTimeout(timer);
						timer = setTimeout('convert()',500);
						}
					}
				);
				
				$('#input-right').keyup(
					function(event)
					{
						$('#input-left').val('');
						clearTimeout(timer);
						timer = setTimeout('convert()',500);
					}
				);
				
				$('#convert-from,#convert-to').keyup(
					function()
					{
						clearTimeout(timer);
						timer = setTimeout('convert()',500);
						$('.select-left,.select-right').slideUp();
					}
				);
				
				$('a.length,a.temperature,a.weight').click(
					function(e){
						e.preventDefault();
						
						$('.button-select').removeClass('sel'+mode);
						
						mode = $(this).attr('class');
						
						animateDial(mode);
						
						
						$('.button-select').addClass('sel'+mode);
						
						if(mode=='weight')
						{direction=0;}
						else
						{direction=1;}
											
						$('.select-left,.select-right').slideUp();
						
						$('#convert-from').val($('.'+mode).find('.select-left').find('a:eq(0)').html());
					
						$('#convert-to').val($('.'+mode).find('.select-right').find('a:eq(1)').html());
					
						$('#selected').attr('class',mode);
					
						convert();
					}
				);
				
				
				
				
			}
		);
		
function animateDial(mode)
{
	switch(mode)
	{
		case 'weight':
			pointer_target = -240;
		break;
		case 'temperature':
			pointer_target = - 182;
		break;
		case 'length':
			pointer_target = -121;
		break;
	}
	
	pointer_dir = 1;
	
	if(pointer_target < pointer_position)
	{
		pointer_dir = -1;
	}
	
	$('div.pointer').animate(
	{
		path: new $.path.arc({
			center: [54,54],
			radius: 43,
			start: pointer_position,
			end: pointer_target,
			dir: pointer_dir
		})
	},
	250
	);
	
							
	// Update current position
	pointer_position = pointer_target;
}