// Project Fade To
$(document).ready(function(){
	/*----------------------------------------
		Variables
	-----------------------------------------*/
	var projects 		= $(".projects");
	var projectLinks	= $("#projectLink a");
	
	var expandSpeed 	= 1000;
	var fadingSpeed 	= 300;
	
	
	
	/*----------------------------------------
		Hide All and Show First Project
	-----------------------------------------*/
	projects.each(function(){
		$(this).hide();							 
	});
	$("#" + currentP).show();
	
	
	/*----------------------------------------
		Setting Buttons Function
	-----------------------------------------*/
	function setBtn (currentProject, nextProject, btn){				
		$(btn).mouseover(function(){
			$(btn).fadeTo(fadingSpeed, 1);								 
		});
		
		$(btn).mouseout(function(){
			$(btn).fadeTo(fadingSpeed, .25);							
		});

		$(btn).click(function(){
			$("#" +currentProject).fadeOut(fadingSpeed,function(){
				$("#" + nextProject).fadeIn(fadingSpeed, function(){
					currentP = nextProject;
				});
				
			});	
			
		});
	
	};
	
	
	/*----------------------------------------
		Projects Next and Back
	-----------------------------------------*/
	projects.each(function(){
		var currentP = $(this).attr("id");
		var nextBtn = $("#"+ currentP + " .nextBtn");
		var backBtn = $("#" + currentP + " .backBtn");
		
		nextBtn.each(function(){	
			var nextP = $(this).attr("rel");
			setBtn(currentP, nextP, this);
		});
		
		backBtn.each(function(){
			var backP = $(this).attr("rel");
			setBtn(currentP, backP, this);
		});
		
	});
	
	
	/*----------------------------------------
		Project Links
	-----------------------------------------*/
	projectLinks.each(function(){
		$(this).click(function(){
			var nextProject = $(this).attr("rel");
			if(nextProject != currentP){
				$("#" +currentP).fadeOut(fadingSpeed,function(){
					$("#" + nextProject).fadeIn(fadingSpeed, function(){
						currentP = nextProject;
					});
				});		
			}
		});
	
	});
	
	
});