$(document).ready(function(){
	//show the details
	$('.selected.project .info .details_trigger').click(function(){
		$('.selected.project .current .details').fadeIn('350');
		return false;
	});
	
	//close details
	$('.selected.project .current .details .close').click(function(){
		$(this).parents('.details').fadeOut('150');
		return false;
	});
	
	
	//navigation for the selected project's screenshots
	$('.project_subpage_navigation a').click(function(){
		var previousLink = $(this).parents('.project_subpage_navigation').find('.previous');
		var nextLink = $(this).parents('.project_subpage_navigation').find('.next');
		var selectedProject = $(this).parents('.selected.project');
		var currentScreenshot = selectedProject.find('.screenshot_list .current');

		var subpageCounter = selectedProject.find('.subpage_counter');
		var currentSubpage = subpageCounter.find('.current_page');
		var currentSubpageNumber = parseInt(currentSubpage.text());
		var currentScreenshotNumber = selectedProject.find('.screenshot_list li.current').index()+1;
		var maxScreenshots = selectedProject.find('.screenshot_list li').length;

		if($(this).hasClass('next') && !$(this).attr('disabled')){
			//see if the previous link needs to be undisabled or if the next link needs disabling
			if(currentScreenshotNumber==1){
				previousLink.removeAttr('disabled');
			}
			if(currentScreenshotNumber==(maxScreenshots-1)){
				nextLink.attr('disabled','disabled');
			}
			
			//show the next screenshot and hide this one
			currentScreenshot.removeClass('current').next().addClass('current');
			
			//update the subpageCounter
			if(currentScreenshotNumber!=maxScreenshots){
				if(currentScreenshotNumber<=8){
					currentSubpage.text('0'+(currentScreenshotNumber+1));
				}else{
					currentSubpage.text(currentScreenshotNumber+1);
				}
			}
			
		}else if(!$(this).attr('disabled')){ //previous was clicked
			//see if the next link needs to be undisabled or if the previous link needs disabling
			if(currentScreenshotNumber==maxScreenshots){
				nextLink.removeAttr('disabled');
			}
			if(currentScreenshotNumber==2){
				previousLink.attr('disabled','disabled');
			}
			
			//show the previous screenshot and hide this one
			currentScreenshot.removeClass('current').prev().addClass('current');
			
			//update the subpageCounter
			if(currentScreenshotNumber!=maxScreenshots){
				if(currentScreenshotNumber<=10){
					currentSubpage.text('0'+(currentScreenshotNumber-1));
				}else{
					currentSubpage.text(currentScreenshotNumber-1);
				}
			}
		}
		
		return false;
	});
	
	
	//navigate projects
	$('.project:not(".selected")').live('click',function(){
		var currentProject = $('.project_list .selected');
		var selectedProject = $(this);
		var selectedProjectNumber = $(this).index();
		var projectList = $('.project_list');
		var desiredPosition = ((183.75 * selectedProjectNumber)) * -1;
		
		currentProject.removeClass('selected');
		projectList.animate({ 'top':desiredPosition }, 300, function(){
			selectedProject.addClass('selected');
		});
		
		return false;
	});	
	
	
});//----------------closes ready function----------------