// JavaScript Document
jQuery(window).ready(
	function(){
		var allowNav = true;	
		var mainUL = jQuery('#projSheet')			
		var swapWidth =	mainUL.find('.page').innerWidth() 
		var swapNumber = mainUL.find('.page').length;
		
		mainUL.css('display','block')
		mainUL.find('.page').css('float','left')
		mainUL.css('width',(swapNumber*(swapWidth+20)))
		
		
		Page = 0;
		
		function checkNextPage(direction){
			var direction = (direction == 'right')?1:-1
			var nextpage = Page + direction;
			if(nextpage<0) return 0
			if(nextpage>=swapNumber) return swapNumber-1
			return nextpage;
		}
	
		function resetNav(){
			if(Page == 0){
				$($('.navigation a')[0]).fadeOut('slow')
			}else{
				$($('.navigation a')[0]).fadeIn('slow')
			}	
			if(Page == (swapNumber-1)){
				$($('.navigation a')[1]).fadeOut('slow')
			}else{
				$($('.navigation a')[1]).fadeIn('slow')
			}
		}
	
		function getNextPagePosition(page){
			sw = swapWidth+20;
			pos = (page)*sw
			return pos;
		}
	
	$('.navigation a').click(
			function(event){
				
				event.preventDefault();	
				window.location.hash="top";
				allowNav = false;
				direction = $(this).attr('rel')
				nexpPage = checkNextPage(direction)
				position = getNextPagePosition(nexpPage)*-1;
				mainUL.animate(
								{'margin-left':position+'px'},
								1000,
								function(){
									allowNav = true;
									Page = nexpPage;
									resetNav()
								})
	
	})
	
	resetNav();
		
})