$(document).ready(function() {
			var navWidth = 0;
			var portWidth = 0;
			$('#navPortfolio li:last').addClass("last");
			$('#navPortfolio li').each(function(){
				var imgW = $(this).width();
				navWidth += imgW;
			});
			$('.portfolioMain li').each(function(){
				var portW = 4 + $(this).width();
				portWidth += portW;
			});
			$('#navPortfolio').css('width', navWidth + "px");
			$('.portfolioMain').css('width', portWidth + "px");
			function fadeImg (){
				$('ul.portfolioMain img').fadeTo("fast", 0.2);
				}
			function active() {
				$('ul.portfolioMain .active img').fadeTo("slow", 1.0);			
			}
			fadeImg();
			active();
			function firstAnimate(){
					$('ul.portfolioMain .active').removeClass('active');
					$("#navPortfolio .active").removeClass('active');
					$('#navPortfolio li:first').addClass('active');	
					fadeImg();
					$('.portfolioMain li:eq(0)').addClass('active');
					$('#viewPort ul.portfolioMain, #navView #navPortfolio').animate({left: 0 + "px"}, 600, active);		
					return false;
			}
			var lastPort = portWidth - 960;
			var lastNav = navWidth - 964;
			$('#next').unbind().bind("click", nextClick);
				
			function nextClick() {
				if ($('.active').is('.last')) {
					return false;
				}
				var lastPort = -(portWidth - 960);
				var lastNav = -(navWidth - 964);
				var offsetImg = 4 + $('.portfolioMain .active').width();
				var offsetThumb = $('#navPortfolio .active').width();
				$('#navPortfolio .active').removeClass('active').next('li').addClass('active');
				var curr = $('ul.portfolioMain').position();
				var navCurr = $('#navPortfolio').position();
				var navCurrLeft = navCurr.left;
				var currLeft = curr.left;
				var animateTo = currLeft - offsetImg;
				var animateThumb = navCurrLeft - offsetThumb;
				$('.portfolioMain li.active').removeClass('active').next('li').addClass('active');
				var testLi = $('.portfolioMain li.active').next('li');
				if (animateThumb < lastNav) {
					animateThumb = lastNav;
				}
				if (animateTo < lastPort) {
					animateTo = lastPort;
				}
				
				$('#viewPort ul.portfolioMain').animate({left: animateTo + "px"}, 500, active);
				$('#navPortfolio').animate({left: animateThumb + "px"}, 500);
				return false;
			}
			$('#previous').unbind().bind("click", prevClick);
				
				
			function prevClick(){
				if ($('.active').is('.first')) {
					return false;
				}
				var offsetImg = 4 + $('.portfolioMain .active').prev('li').width();
				var offsetThumb = $('#navPortfolio .active').prev('li').width(); 
				var offsetThumbDouble = $('#navPortfolio .active').prev('li').prev('li').width();
				if ($('.active').is('.last')) {
					offsetImg = 0;
					offsetThumb = 0;
				}
				var curr = $('ul.portfolioMain').position();
				var navCurr = $('#navPortfolio').position();
				var navCurrLeft = navCurr.left;
				var currLeft = curr.left;
				var animateTo = currLeft + offsetImg;
				var animateThumb = navCurrLeft + offsetThumb;
				if (animateThumb > navWidth) {
					animateThumb = 0;
				}
				
				 if (animateTo > portWidth) {
					animateTo = 0;
				}
				$('#viewPort ul.portfolioMain').animate({left: animateTo + "px"}, 300, "linear");
				$('#viewPort ul.portfolioMain .active').not('.first').find('img').fadeTo("slow", 0.2).parent('a').parent('li').removeClass('active').prev('li').addClass("active");
				$('#navPortfolio .active').not('.first').removeClass('active').prev('li').addClass('active');
				$('#navPortfolio').animate({left: animateThumb + "px"}, 300);		
				active();
				return false;
			}
			$('#first').bind("click", firstAnimate);

			$('#last').unbind().bind("click", lastClick);
			function lastClick(){
				$('#viewPort .portfolioMain .active img').fadeTo("slow", 0.2).parent('a').parent('li').removeClass('active');
				$('#viewPort .portfolioMain li:last').addClass('active');
				$('#navPortfolio .active').removeClass('active');
				$('#navPortfolio li:last').addClass('active');
				$('#viewPort ul.portfolioMain').animate({left: -lastPort + "px"}, 600, "linear");
				$('#navPortfolio').animate({left: -lastNav + "px"}, 600, active);	
				return false;
			}
			$('#navPortfolio li a').unbind().bind("click", navClick);
			function navClick(){
					var lastPort = -(portWidth - 960);
				var lastNav = -(navWidth - 964);		
				var animateThumb;
				var select = $('#navPortfolio li.active').position();
				var thisPosition = $(this).parent('li').position();
			
				var selectOffset = $('#navPortfolio li.active').prev('li').width();
				var imgRel = $(this).parent('li').attr("rel");
				var pos = $('#viewPort .portfolioMain li[rel="'+imgRel+'"]').position();
				var pos2 = $('#viewPort').position('portfolioMain');
				var animateImage = -pos.left;
				var animateThumb = -thisPosition.left + ( 2*selectOffset);

				if (animateThumb > 0) {
					animateThumb = 0;
				} else if (animateThumb < lastNav) {
					animateThumb = lastNav;
				}
				
				if (animateImage > 0) {
					animateImage = 0;
				} else if (animateImage < lastPort) {
					animateImage = lastPort;
				}
			
				$('#viewPort ul.portfolioMain .active img').fadeTo("slow", 0.2).parent('a').parent('li').removeClass('active');		
				$('#navPortfolio .active').removeClass('active');
				$(this).parent('li').addClass("active");
				$('#viewPort li[rel="'+imgRel+'"]').addClass('active');
				$('#viewPort ul.portfolioMain').animate({left: animateImage + "px"}, 600, "linear");
				$('#navPortfolio').animate({left: animateThumb + "px"}, 600, active);	
				return false;
			}
			$('#viewPort ul li a').lightBox();
		    $('#navMain a').hover(
					function(){
						$(this).stop().animate({color: "#222", backgroundColor: "#fff"}, 310);
					}, function() {
						$(this).stop().animate({color: "#ccc", backgroundColor: "#222"}, 380);	
			});
			$('#blog .ngg-gallery-thumbnail a').lightBox();
			
		});