$(function() {
	$('.gallery a').lightBox({fixedNavigation:true});
});

$(function() {
	$('.mediaitem a').lightBox({fixedNavigation:true});
});

$(document).ready(function(){
	$('#etalage .blok').hover(
		function() { 
			$(this).find('img').animate({opacity: "0.4"}, 300);
		},
		function() {
			$(this).find('img').animate({opacity: "1.0"}, 300);
		}
	);
});

function trim(value) {
  value = value.replace(/^\s+/,'');
  value = value.replace(/\s+$/,'');
  return value;
}

function validateEmail(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	return reg.test(email);
}

function validateForm(id) {
	var comments = [];
	var velden = ['naam', 'email', 'bericht'];
	for (var i = 0; i < velden.length; i++) {
		var data = $('#' + id).find('#' + velden[i]);
		var veldNaam = velden[i];
		var veldValue = data.val();
		if (trim(data.val()) == '') {
			data.removeClass().addClass('fault');
			comments.push('"' + veldNaam + '" is leeg of ongeldig');
		}
		else if (veldNaam == 'email' && !validateEmail(veldValue)) {
			data.removeClass().addClass('fault');
			comments.push('"' + veldNaam + '" is ongeldig');
		}
		else {
			data.removeClass().addClass('valid');
		}
	}
	if (comments.length) {
		var html = '<p>Controleer je invoer, ' + (comments.length > 1 ? 'de' : 'het') + ' volgende ' + (comments.length > 1 ? 'velden zijn' : 'veld is')  + ' niet of niet volledig ingevuld:</p>';
		for (var i = 0; i < comments.length; i++) {
			html += (i == 0 ? '<ul>' : '') + '<li>' + comments[i] + '</li>' + (i == comments.length - 1 ? '</ul>' : '');
		}
		$('.contact_form_comments').css({'display' : 'block'}).html(html);
	}
	else {
		$('.contact_form_comments').css({'display' : 'none'});
	}
	return (comments.length < 1);
}

function submitForm(id) {
	var send = false;
	var naam = $('#naam').val();
	var email = $('#email').val();
	var bericht = $('#bericht').val();
	$.ajax({
		async: false,
		url: 'ajax/form/contact',
		data: {'naam' : naam, 'email' : email, 'bericht' : bericht},
		dataType: "json",
		type: "POST",
		timeout: 2000,
		success: function(data) {
			if (data.succes)
				send = true;
			
		},
		error: function(xhr, ajaxOptions, thrownError){
			
		}
	});
	var message = '';
	if (send)
		$('.contact_form').html('<p><strong>Bedankt voor uw bericht, we nemen zo spoedig mogelijk contact met u op!</strong></p>');
	else
		$('.contact_form').html('<p><strong>Helaas, het bericht kan niet verzonden worden, u kunt uw bericht sturen naar <a href="mailto:info@tegelhoek.nl?subject=' + encodeURIComponent('bericht via de website') + '&body=' + encodeURIComponent(bericht) + '">info@tegelhoek.nl</a>.</strong></p>');
}

function handleContactForm() {
	if (validateForm('contact')) {
		submitForm('contact');
	}
	return false;
}

function showAllFoto(serieId) {
	$.ajax({
		async: false,
		url: 'ajax/fotos/' + serieId,
		dataType: "json",
		type: "GET",
		timeout: 2000,
		success: function(data) {
			for (var i = 0; i < data.length; i++) {
				if (i > 8) {
					var foto = data[i];
					$('.gallery ul').append('<li><a href="' + foto.image + '" title="' + foto.name + '"><img src="' + foto.thumb + '" alt="' + foto.name + '" /></a></li>');
				}
			}
			$('.gallery a').lightBox({fixedNavigation:true});
			$('.meer_fotos').hide();
		},
		error: function(xhr, ajaxOptions, thrownError){
			
		}
	});
	return false;
}