var timeout = null;

$.ajaxSetup({
	global: false,
	cache: false,
	type: 'POST',
	dataType: 'json'
});

$(document).ready(function()
{
	// Hide fields
	$('.hideOnJs').hide();
	
	// Slide Campaign
	$('#yimeSliderCampaign .slider').slider(
	{
		min:	parseInt($('#yimeSliderCampaign .minValue').html()),
		max:	parseInt($('#yimeSliderCampaign .maxValue').html()),
		step:	parseInt($('#yimeSliderCampaign .stepValue').html()),
		value:	parseInt($('#yimeSliderCampaign input').val()),
		slide:	function(event, ui)
		{
			$('#yimeSliderCampaign input').val(ui.value);
		},
		stop:	function(event, ui)
		{
			$('#yimeSliderCampaign input').val(ui.value);
			calculateYime();
		}
	});
	$('#yimeSliderCampaign input').keyup(function()
	{
		$('#yimeSliderCampaign .slider').slider('option', 'value', $('#yimeSliderCampaign input').val());
		// Zetten van de timeout
		if (timeout) clearTimeout(timeout);
		timeout = setTimeout(function(){calculateYime();},500);
	})
	
	$('#yimeSliderRecipient .slider').slider(
	{
		min:	parseInt($('#yimeSliderRecipient .minValue').html()),
		max:	parseInt($('#yimeSliderRecipient .maxValue').html()),
		step:	parseInt($('#yimeSliderRecipient .stepValue').html()),
		value:	parseInt($('#yimeSliderRecipient input').val()),
		slide:	function(event, ui)
		{
			$('#yimeSliderRecipient input').val(ui.value);
		},
		stop:	function(event, ui)
		{
			$('#yimeSliderRecipient input').val(ui.value);
			calculateYime();
		}
	});
	$('#yimeSliderRecipient input').keyup(function()
	{
		$('#yimeSliderRecipient .slider').slider('option', 'value', $('#yimeSliderRecipient input').val());
		// Zetten van de timeout
		if (timeout) clearTimeout(timeout);
		timeout = setTimeout(function(){calculateYime();},500);
	})

	$('.showOnJs').show();
});

function calculateYime()
{
	$.ajax(
	{
		url: 'Yime_Calculator.php',
		data: $('#yimeCalculatorForm').serialize(),
		success: function(response)
		{
			$('#campaign').val(response['count']['campaign']);
			$('#recipient').val(response['count']['recipient']);

			for (category in response)
			{
				for (item in response[category])
				{
					$('#' + category + '-' + item).html(response[category][item]);
				}
			}
		}
	});
}