$(document).ready(function(){
	//set absolute column top position on scroll
	$(window).scroll(function(){
		if($(window).scrollTop()>220){
			$('#innerColumn').animate({'top':$(window).scrollTop()},1)
		}
	})
	
	
	
	var i=0;
	$('#portfolioNext a').click(function(){
		if(i<2){
			i++;
			$('#portfolioAllImages').animate({left: '-=202'},1000)	
			$('#portfolioBack').removeClass('silver').addClass('blue')
		}
		if(i==2){
			$('#portfolioNext').removeClass('blue').addClass('silver')
		}
	})
	
	$('#portfolioBack a').click(function(){
		if(i>0) {
			i--;
			$('#portfolioNext').removeClass('silver').addClass('blue')
			$('#portfolioBack').removeClass('silver').addClass('blue')
			$('#portfolioAllImages').animate({left: '+=202'},1000)
			if(i==0) {
				$('#portfolioBack').removeClass('blue').addClass('silver')
			}
		}
	})
})