jQuery(document).ready(function() { 

	/*-----------------------------------------------------------------------------------*/
	/*	Portfolio
	/*-----------------------------------------------------------------------------------*/
		
	var portfolioItems = jQuery('#portfolio .item');
	var portfolioItemsEnabled = jQuery('#portfolio .item.enabled');
	var imageItems = jQuery('img');
	var portfolioTerms = jQuery('#portfolio-terms a');	
	var portfolioTermsAll = jQuery('#portfolio-terms a.all');
	var portfolioItems = jQuery('#portfolio .item');	
	var magicDoor = jQuery('#magicdoor');
	var url = magicDoor.find('#magicdoor').attr('data-url');
	
	/* CLICK: Portfolio sorteren op categorie */
	portfolioTerms.click( function(e) { 
	
		var cat = jQuery(this).attr('data-value')
		
		sortPortfolio(cat);
		portfolioTerms.removeClass('current');
		jQuery(this).addClass('current');
		
		e.preventDefault();

	});
	
	/* CLICK: Volledig portfolio weergeven */
	portfolioTermsAll.click( function(e) { 	

		$('html, body').animate({scrollTop:0}, 400, function() {
			closeDoor();
		
			$(".item").fadeTo(400, 1, function() { 
    			$(".item").addClass('enabled');
	    		$(".item").removeClass('disabled');
    	});
			
			return false;
			
		});
		
	});
	
	/* CLICK: Magicdoor openen */
	portfolioItems.click( function(e) { 
		
		e.preventDefault();
		
		if ($(this).hasClass('enabled')) {
		
			var url = $(this).find('a').attr('href');
			var postId = $(this).attr('id');

			getPortfolio(postId, url);
			
		}
		
	});
	
	/* FUNCTION: Portfolio items sorteren */
	function sortPortfolio(cat) {
	
		if(portfolioItems.hasClass(cat)) {
		
			$('html, body').animate({scrollTop:0}, 400, function() {
			
				closeDoor();

				$(".item").not('.'+cat).fadeTo(400, 0.2, function() { 
					$(".item").not('.'+cat).addClass('disabled');
					$(".item").not('.'+cat).removeClass('enabled');
				});
	    	
	    	$('.'+cat).fadeTo(400, 1, function() { 
	    		$('.'+cat).addClass('enabled');
	    		$('.'+cat).removeClass('disabled');
	    	});
	    	
	    });
		
		}
		
	}
	
	/* FUNCTION: Magicdoor inladen en openen */
	function getPortfolio(postId, url) {

		var loader = jQuery('#loader');
		
		loader.fadeIn(200);
		
		$('html, body').animate({scrollTop:0}, 400, function() {
		
			$('#magicdoor').slideUp(700, 'easeInOutQuad', function() {
			
				magicDoor.load(url + ' #magicdoor .container', function() {
	
					loader.fadeOut(200);
					openDoor();
				
				});
				
			});
		
		});
		
	}
	
	/*-----------------------------------------------------------------------------------*/
	/*	Contact
	/*-----------------------------------------------------------------------------------*/	

	/* CONTACT FORM CHECK AND AJAX */
	$('input#submit').click(function() {
		//Inputed Strings
		var name = $('#name').val(),
			mail = $('#mail').val(),
			subject = $('#subject').val(),
			message = $('#message').val();

		//Error Count
		var error_count = '0';

		//Regex Strings
		var mail_regex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

			//Blank Name?
			if(name == '' || name == 'Naam') {
				$('#name').addClass('form-error');
				error_count += 1;
			} else {
				$('#name').removeClass('form-error');
			}

			//Test Email
			if(!mail_regex.test(mail)) {
				$('#mail').addClass('form-error');
				error_count += 1;
			} else {
				$('#mail').removeClass('form-error');
			}

			//Blank Comment?
			if(subject == '' || subject == 'Onderwerp') {
				$('#subject').addClass('form-error');
				error_count += 1;
			} else {
				$('#subject').removeClass('form-error');
			}
			
			//Blank Message?
			if(message == '' || message == 'Bericht') {
				$('#message').addClass('form-error');
				error_count += 1;
			} else {
				$('#message').removeClass('form-error');
			}
			
			//No Errors?
			if(error_count == 0) {
				$.ajax({
					type: "post",
					url: "http://pepijnkoning.nl/wp-content/themes/pepijnkoning/lib/php/contact.php",
					data: "name=" + name + "&mail=" + mail + "&message=" + message + "&subject=" + subject,
					error: function() {
						$('#form-errormessage').fadeOut(200,function(){ $(this).text('Het bericht kan op dit moment niet worden verzonden...').fadeIn(200); });
					},
					success: function () {
						$('#form-errormessage').fadeOut(200,function(){ 
							$(this).text('Bedankt voor het bericht, ik beantwoord deze zo snel mogelijk!').fadeIn(200); 
							$('#contactForm')[0].reset();
						});
					}
				});
			} else {
				$('#form-errormessage').fadeOut(200,function(){ $(this).text('Gelieve de gemarkeerde velden juist in te voeren.').fadeIn(200); });
      } 

		return false;
	}); 
	
	
	
	$('#socialbar').load('http://pepijnkoning.nl/wp-content/themes/pepijnkoning/lib/php/socialbar.php', function() { });

}); 


/*-----------------------------------------------------------------------------------*/
/*	Functions
/*-----------------------------------------------------------------------------------*/	

/* FUNCTION: Magicdoor sluiten */
function closeDoor() {
	
	$('#magicdoor').slideUp(700, 'easeInOutQuad', function() {});

}

/* FUNCTION: Magicdoor openen */
function openDoor() {

	$('#magicdoor').slideDown(700, 'easeInOutQuad', function() {});
	
}