$(document).ready(function(){

	// set portfolio defaults
	navPosition = 1;
	totalPhotos = $("div.portfolioPhotos div").length;

	// create list item for each photo
	for ( eachPhoto = 0; eachPhoto < totalPhotos; eachPhoto++ ){
		$("ul#boxNav").append("<li></li>");
	}
	
	$("ul#boxNav").fadeIn(500);
	$("div#detail1").fadeIn(500);
	$("div#photo1").fadeIn(1500);
	$("div.previousNextButtons").fadeIn(500);
	$("a.previous").fadeIn(500).addClass("inactiveButton");
	$("ul#boxNav li:first").addClass("highlightedBox");
	
	// portfolio	
	$("div#portfolioSubNav a.subNavHdr").click(function(){
		$("div#portfolioSubNav ul").fadeIn(500);
		return false;
	});
	
	$("ul#boxNav li").css({ margin: "0 2px 2px 0"});
	$("ul#boxNav li:nth-child(8n)").css({ margin: "0 0 2px 0"});
	
	$("ul#boxNav li").click(function(){
		
		navPosition = (getPosition(this.parentNode,this)) + 1;
		$("ul#boxNav li").removeClass("highlightedBox");
		$(this).addClass("highlightedBox");
		$("div.portfolioPhotos div").hide();
		$("div.portfolioDetail").hide();
		$("div#photo" + navPosition).fadeIn(750);
		$("div#detail" + navPosition).fadeIn(750);
		$("a.next").removeClass("inactiveButton");
		$("a.previous").removeClass("inactiveButton");
		$("div#portfolioSubNav ul").hide();
		return false;
		
	});
	
	$("ul#boxNav li:first").click(function(){
	
		navPosition = 1;
		$("a.next").removeClass("inactiveButton");
		$("a.previous").addClass("inactiveButton");
		$("div#photo1").fadeIn(750);
		$("div#detail1").fadeIn(750);
		return false;
		
	});
	
	$("ul#boxNav li:last").click(function(){
	
		navPosition = totalPhotos;
		$("a.previous").removeClass("inactiveButton");
		$("a.next").addClass("inactiveButton");
		$("div#photo" + totalPhotos).fadeIn(750);
		$("div#detail" + totalPhotos).fadeIn(750);
		return false;
		
	});
	
	$("ul#boxNav li").hover(
		function(){ $(this).css({backgroundPosition: "0px -17px"}); },
		function(){ $(this).css({backgroundPosition: "0px 0px"}); }
	);
	
	$("a.next").click(function(){
		
		if ( navPosition == totalPhotos ){
		
			$("a.next").addClass("inactiveButton");
			$("div#portfolioSubNav ul").hide();
			navPosition = totalPhotos;
			return false;
			
		}
		else if ( navPosition == totalPhotos - 1 ){
		
			$("a.next").addClass("inactiveButton");
			$("a.previous").removeClass("inactiveButton");
			$("ul#boxNav li").removeClass("highlightedBox");
			$("ul#boxNav li:nth-child("+ totalPhotos +")").addClass("highlightedBox");
			$("div.portfolioPhotos div").hide();
			$("div.portfolioDetail").hide();
			$("div#photo" + totalPhotos).fadeIn(750);
			$("div#detail" + totalPhotos).fadeIn(750);
			$("div#portfolioSubNav ul").hide();
			navPosition = totalPhotos;
			return false;
			
		}
		else {
			
			navPosition++;
			$("a.previous").removeClass("inactiveButton");
			$("ul#boxNav li").removeClass("highlightedBox");
			$("ul#boxNav li:nth-child("+ navPosition +")").addClass("highlightedBox");
			$("div.portfolioPhotos div").hide();
			$("div.portfolioDetail").hide();
			$("div#photo" + navPosition).fadeIn(750);
			$("div#detail" + navPosition).fadeIn(750);
			$("div#portfolioSubNav ul").hide();
			return false;
		}
		
	});
	$("a.previous").click(function(){
		
		if ( navPosition == 1 ){
			
			$("a.previous").addClass("inactiveButton");
			$("div#portfolioSubNav ul").hide();
			navPosition = 1;
			return false;
			
		}
		else if ( navPosition == 2 ) {
		
			navPosition--;
			$("a.next").removeClass("inactiveButton");
			$("a.previous").addClass("inactiveButton");
			$("ul#boxNav li").removeClass("highlightedBox");
			$("ul#boxNav li:nth-child(1)").addClass("highlightedBox");
			$("div.portfolioPhotos div").hide();
			$("div.portfolioDetail").hide();
			$("div#photo1").fadeIn(750);
			$("div#detail1").fadeIn(750);
			$("div#portfolioSubNav ul").hide();
			navPosition = 1;
			return false;
		}
		else {
		
			navPosition--;
			$("a.next").removeClass("inactiveButton");
			$("ul#boxNav li").removeClass("highlightedBox");
			$("ul#boxNav li:nth-child("+ navPosition +")").addClass("highlightedBox");
			$("div.portfolioPhotos div").hide();
			$("div.portfolioDetail").hide();
			$("div#photo" + navPosition).fadeIn(750);
			$("div#detail" + navPosition).fadeIn(750);
			$("div#portfolioSubNav ul").hide();
			
			return false;
		}
				
	});

});