$(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);
	});
	
	/*************
	MAIL PROTECTION
	*************/
	
	$('#medewerkers li:not(.jQueried)').addClass('jQueried').each(function(){
		$(this).find('div.shift').css({'bottom':'-'+($(this).find('div.shift').height()+20)+'px'});	
	}).hover(function() {
		$(this).find('div.shift').stop(true).animate({'bottom':'0px'}, 400);	
		$(this).stop(true).animate({'backgroundPosition':'5px -'+($(this).find('div.shift').height()-35)+'px'}, 400);															   
	},function() {
		if(!$(this).hasClass('clicked')){
			$(this).find('div.shift').animate({'bottom':'-'+($(this).find('div.shift').height()+20)+'px'}, 400);		
			$(this).animate({'backgroundPosition':'5px 5px'}, 400);				   
		}
	}).bind('click',function(){
		$div = $('<div id="medzoom">'+
				 	'<div class="bg"></div>'+
				 	'<div class="con">'+
					 	'<a class="sluiten"></a>'+
					 	$(this).find('.zoom').html()+
				 	'</div>'+
			 	'</div>')
		
		$div.prependTo($('body'));
		
		$('#medzoom a.sluiten, #medzoom div.bg').click(function(){
			$('#medzoom').remove();
		})
		/*
		if($(this).hasClass('clicked')){
			$(this).removeClass('clicked');	
		}else{
			$(this).addClass('clicked');
		}
		*/
	});
	
	/*************
	FORM SUBMITTER
	*************/
	$("#ajaxformulier:not(.jQueried)").addClass('jQueried').unbind('submit').submit(function(){
		var form = $(this);
		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){
				if(form.attr('target')){
					$("#"+form.attr('target')).html(msg);
				}
			},
			error: function(xhr, ajaxOptions, thrownError){
				alert(xhr.status);
				alert(thrownError);
			}
		});
		return false;
	});
}