var StudioPallieter = {
	
	sendCallme: function()
	{
		var dayValue 	= $('select[name=callD]').attr('value');
		var hourValue 	= $('select[name=callH]').attr('value');
		var minuteValue = $('select[name=callM]').attr('value');
		var nameValue 	= $('input[name=callN]').attr('value');
		var phoneValue 	= $('input[name=callT]').attr('value');
		var theDate 	= new Date();
		
		switch (dayValue) {
			case 'tomorrow':
				theDate.setTime( theDate.getTime() + (1000*3600*24));
			break;
		}
		
		var date = theDate.getDate() + '-' + (theDate.getMonth() + 1) + '-' + theDate.getFullYear();
		var time = hourValue + ':' + minuteValue;
		
		if (hourValue && minuteValue && (nameValue != '' || nameValue != 'Uw naam') && phoneValue.match(/^[0-9]{2,4}(-?)[0-9]{6,8}$/)) {
			StudioPallieter.throbber('div#callmeOutput', true, 'form#callmeForm');
			
			$.post('service/callme.php', {date:date, time:time, name:nameValue, phone:phoneValue}, function(data) {
				StudioPallieter.throbber('div#callmeOutput', false);
				$('div#callmeOutput').html(data);
			});
			return;
		}
		
		$('div#callmeOutput').html('');
		if (nameValue != '' || nameValue != 'Uw naam') {
			$('div#callmeOutput').append('<p class="error">U heeft nog geen naam opgegeven.</p>');
		}
		if (!phoneValue.match(/^[0-9]{2,4}(-?)[0-9]{6,8}$/)) {
			$('div#callmeOutput').append('<p class="error">Uw telefoonummer heeft een onbekend formaat.</p>');
		}
	},
	
	sendContact: function()
	{
		var nameValue 		= $('input[name=naam]').attr('value');
		var addressValue 	= $('input[name=adres]').attr('value');
		var postcodeValue 	= $('input[name=postcode]').attr('value');
		var cityValue 		= $('input[name=city]').attr('value');
		var phoneValue 		= $('input[name=tel]').attr('value');
		var emailValue 		= $('input[name=email]').attr('value');
		var messageValue 	= $('textarea[name=message]').attr('value');
		
		if (nameValue && messageValue && emailValue.match(/^(.*){1,63}@(.*){3,63}\.(.*){2,5}$/i)) {
			StudioPallieter.throbber('div#contactOutput', true, 'form#contactForm');
			
			$.post('service/contact.php', 
				{name:nameValue, address:addressValue, postcode:postcodeValue, city:cityValue, 
					phone:phoneValue, email:emailValue, message:messageValue}, 
				function(data) {
					
				StudioPallieter.throbber('div#contactOutput', false);
				$('div#contactOutput').html(data);
			});
			return;
		}
		
		$('div#contactOutput').html('');
		if (nameValue == '') {
			$('div#contactOutput').append('<p class="error">U heeft geen naam opgegeven.</p>');
		}
		if (!emailValue.match(/^(.*){1,63}@(.*){3,63}\.(.*){2,5}$/i)) {
			$('div#contactOutput').append('<p class="error">Uw e-mailadres heeft een onbekend formaat.</p>');
		}
		if (messageValue == '') {
			$('div#contactOutput').append('<p class="error">U heeft geen boodschap opgegeven.</p>');
		}
	},
	
	throbberImage: null,
	throbberInterval: null,
	throbberContainer: null,
	throbber: function(containerSelector, start, hideSelector)
	{
		if (this.throbberContainer) {
			this.throbberContainer.empty();
		}
		
		if (this.throbberInterval) {
			clearInterval(this.throbberInterval);
			this.throbberAnimateFrame = 0;
		}
		
		if (!start) {
			$(hideSelector).css({display:'block'});
			return;
		}else{
			$(hideSelector).css({display:'none'});
		}
		
		var div = document.createElement('div');
		div.id	= 'throbberContainer';
		
		var img = document.createElement('img');
		img.id	= 'throbber';
		img.alt = 'Bezig met laden...';
		img.src = '/images/throbber.png';
		
		$(div).append(img);
		
		this.throbberImage		= $(img);
		this.throbberContainer 	= $(containerSelector);
		this.throbberContainer.append(div);
		this.throbberInterval	= setInterval(function() {StudioPallieter.throbberAnimate();}, 100);
	},
	
	throbberAnimateFrame: 0,
	throbberAnimate: function()
	{
		if (this.throbberAnimateFrame == 12) {
			this.throbberAnimateFrame = 0;
		}
		
		this.throbberImage.css({marginTop: '-' + (this.throbberAnimateFrame*40) + 'px'})
		this.throbberAnimateFrame++;
	}
}