$(document).ready(function() {
	var targetProjectsChildren 		= $(".lp_projects .project");
	var targetNavigationChildren 	= $(".lp_navigation li");
	var max 						= targetNavigationChildren.length-1;
	var n 							= -1;
	var p 							= 3000;
	
	$.fn.pause = function (n)
	{
		return this.queue(function () {
			var el = this;
			setTimeout( function () {
				return $(el).dequeue();
			}, n);
  		});
	};
	
	$.fn.animation = function (targetNavigationChildren, targetProjectsChildren)
	{
		n++;
		
		$(targetNavigationChildren[n]).addClass('active');
	
		$(targetProjectsChildren[n]).fadeIn(500).pause(p).fadeOut(500).queue( function() {
			$(targetNavigationChildren[n]).removeClass('active');
			
			if( n >= max )
				n = -1;
			
			$(this).animation(targetNavigationChildren, targetProjectsChildren);
	
			$(this).dequeue();
		});
	}
	
	$('.lp_navigation a').click( function()	{
		var el 				= $(this).parent();
		var i 				= el.index();
		var targetProjects 	= $(".lp_projects");
		
		// remove 
		$(targetNavigationChildren[n]).removeClass('active');
		
		// change n as choosen
		n = i -1; 

		// remove queue from project children
		$(targetProjects).children().each(function() {
			$(this).dequeue("fx");
		})
		
		el.addClass('active');
		
		return false;
	});
	
	// set first screen
	$(targetProjectsChildren).addClass("show");
	
	$("#latest_prjects").animation(targetNavigationChildren, targetProjectsChildren);
});