$(document).ready(function(){
	jQuerify();
});

function jQuerify(){
	
	/*************
	ROUTE
	*************/
	$('.route:not(.jQueried)').addClass('jQueried').maps();
	
	/*************
	MAIL PROTECTION
	*************/
	$('a.meel:not(.jQueried)').addClass('jQueried').each(function(i) {
        var text = $(this).text();
        var address = text.replace(" op ", "@");
        var address = address.replace(" punt ", ".");
        $(this).attr('href', 'mailto:' + address);
		$(this).text(address);
	});
	
	
	/*************
	FORM SUBMITTER
	*************/
	$("#ajaxformulier:not(.jQueried)").addClass('jQueried').unbind('submit').submit(function(){
		var form = $(this);
		$(this).find('input, textarea, checkbox, radio, select').each(function(){
			if($(this).val() == $(this).data('placeholder')){
				$(this).val('');	
			}
		});
		var data = $(this).serialize();
		$(this).find('input, textarea, checkbox, radio, select').each(function(){
			
			if($(this).attr('title')){
				ar = $(this).attr('name').split('[]');
				naam = ar[0];
				data += '&veldnamen['+encodeURIComponent(naam)+']=' + encodeURIComponent($(this).attr('title'))
			}
		});
		$.ajax({
			type: 	$(this).attr('method'),
			url: 	$(this).attr('action'),
			data: 	data,
			success: function(msg){
				form.find('input, textarea, checkbox, radio, select').each(function(){
					if($(this).val() == ''){
						$(this).val($(this).data('placeholder')).addClass('placeholder');	
					}
				});
				
				if(form.attr('target')){
					$("#"+form.attr('target')).html(msg);
				}
			},
			error: function(xhr, ajaxOptions, thrownError){
				alert(xhr.status);
				alert(thrownError);
			}
		});
		return false;
	});
		
	$('#header .slideshow').cycle({timeout:3000, speed:400});
	
	$('.captcha').click(function(e){
		e.preventDefault();
		$timestamp = new Date().getTime();
		$(this).attr('src','captcha.gif?ts='+$timestamp);
	});
	
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
		$return = '<div class="elements">';
		$return += '<span class="close"><a href="javascript:;" onclick="$.fancybox.close();">Sluiten X</a></span>';
		if(currentArray.length > 1){
			$return += '<span class="count">Foto ' + (currentIndex + 1) + ' van ' + currentArray.length + '</span>';
			
			if(currentIndex > 0)
				$return += '<span class="prev"><a href="javascript:;" onclick="$.fancybox.prev();">< Vorige</a></span>';
			if(currentIndex < currentArray.length-1)
			$return += '<span class="next"><a href="javascript:;" onclick="$.fancybox.next();">Volgende ></a></span>';
		}
		$return += '</div>';
		return $return;
	}


	$("a[href$=.jpg]").fancybox({
		overlayOpacity: 0.7, 
		overlayColor:'#000000',
		padding: 0,
		'showCloseButton'	: false,
		'titlePosition' 		: 'over',
		'titleFormat'		: formatTitle
	});

	$("a[target=iframe]").fancybox({
	'type'					: 'iframe',
	'width'					: 980,
	'height'				: '90%', 
	overlayOpacity: 0.7, 
	overlayColor:'#000000'});
	
	
	$("#ajaxformulier input.inputfield[type=text], #ajaxformulier textarea.inputfield").each(function(){
		$el = $(this);
		$(this).data('placeholder', $el.val()).addClass('placeholder');	
		$el.focus(function(){
			$(this).removeClass('placeholder');	
			if($(this).val() == $(this).data('placeholder')){
				$(this).val('');	
			}
		});
		$el.blur(function(){
			if($(this).val() == ''){
				$(this).val($(this).data('placeholder')).addClass('placeholder');	
			}
		});
	})
	
	$('#youtube').each(function(){
		$html = '<iframe width="630" height="500" src="http://www.youtube.com/embed/'+$(this).attr('rel')+'" frameborder="0" allowfullscreen></iframe>';							
		$html += '</iframe>';							
		$(this).html($html);
	});
	if($('#left').outerHeight() > $('#container').outerHeight()){
		$('#container').css('height', ($('#left').outerHeight()+50)+'px');
	}
}