$(function() {
	var currentPos = 0;
	var projWidth = 960;
	var projects = $('.project');
	var totalProjects = projects.length;
	
	//removing scrollbar for js
	$('div#pcontainer').css('overflow', 'hidden');
	
	//place all projects in new wrapper
	projects.wrapAll('<div id="projInner"></div>')
		.css({
			'float' : 'left',
			'width' : projWidth
			});
	$('#projInner').css('width', projWidth * totalProjects);
	
	$('#pnav').find('li').click(function(c){
		c.preventDefault();
		//finding the link associated with the position
		var linkNumber = $(this).index();
		//linkNumber = $(linkNumber);
		currentPos = linkNumber;
		moveValue = projWidth*(-currentPos);
		console.log(moveValue);
			//moving the frame
			$('div#projInner').animate({
				'marginLeft' : projWidth*(-currentPos)
			});
		});

	// !swap projects content
/*	function swapProjects(settings) {
		var settings = {
			projectClass : '.project',
			navigationId : '#pnav'
		}; //settings end
		
		
		//hide content except first
		$(settings.projectClass).not(':first').hide();
		$(settings.navigationId).find('li:first').addClass('active');
		
		//click event
		$(settings.navigationId).find('a').click(function(e){
			var showContent = $(this).attr('href');
			showContent = $(showContent);
			
			e.preventDefault();
			
			$(settings.navigationId).find('li').removeClass('active');
			$(this).parent('li').addClass('active');
			
			$(settings.projectClass).hide(200);
			showContent.show(400);
		
		
		}); //end click event
		
	} // !end swap projects */
	
	//swapProjects();
	}); // document load