$(document).ready(function() {
	
	// Hide all projects except the 1st:
	// $('#project-scroller div.project:not(:first)').hide();
	
	// Catch clicks to project links from the sidebar
	$('#project-list a').click(function(){
		
		var proj_increment_data = /project-([\d]{1,})-([\d]{1,})/.exec($(this).attr('class'));
		var proj_number = parseInt(proj_increment_data[1], 10);
		var total_projects = parseInt(proj_increment_data[2], 10);
		
		slideProject(proj_number, total_projects);
		
		return false;
	});
	
	// Catch clicks to 'next' and 'prev' links
	$('#project-nav a').click(function(){
		
		var action = $(this).attr('id');
		var current_proj = $('#project-scroller div.project:visible');
		var current_proj_id = current_proj.attr('id');
		var proj_increment_data = /project-([\d]{1,})-([\d]{1,})/.exec(current_proj_id);
		var current_proj_number = parseInt(proj_increment_data[1], 10);
		var total_projects = parseInt(proj_increment_data[2], 10);
		
		if(action == 'next'){
			if(current_proj_number < total_projects){
				var target_project = (current_proj_number + 1);
			}else if(current_proj_number == total_projects){
				var target_project = 1;
			}			
		}else if(action == 'previous'){
			if(current_proj_number > 1){
				var target_project = (current_proj_number - 1);
			}else if(current_proj_number == 1){
				var target_project = total_projects;
			}	
		}
		
		slideProject(target_project, total_projects);
		
		return false;
	});
	
	function slideProject(target_project, total_projects) {
	
		var siteCat = $('body').attr('class');
		if(siteCat == 'traffic'){
			var background_color = '#D5E0D6';
			var active_background_color = '#E2EAE3';
		}else if(siteCat == 'construction'){
			var background_color = '#EADCBD';
			var active_background_color = '#F5EDDC';
		}
		
		$('#project-scroller div.project:visible').fadeOut(250, function(){
			
			$('#project-'+target_project+'-'+total_projects).fadeIn(250);				
			$('#project-list li.active a').animate({'marginRight':'5px' }, 250, function(){
				$(this).parent().toggleClass('active');	
			});				
			$('#project-list a.project-'+target_project+'-'+total_projects).animate({'marginRight':'0px'}, 250, function(){
				$(this).parent().toggleClass('active');
			});
			
		});
		
		return;
		
	}
	
	$('ul#navigation li.last-child').pngFix();
	
});