var workItemWidth = 275;
//var workItemMargin = Math.round(10 / 3);
var workItemMargin = 10;

if(totalWorkItems == 5){
	totalWorkItems = 6;
}

var totalPages = Math.ceil(totalWorkItems / 2);
var pageWidth = (workItemWidth + workItemMargin) * 2;

var totalWidth = (((workItemWidth + (workItemMargin * 2)) * totalWorkItems) / 2);
var movingWidth = workItemWidth + (workItemMargin * 2);
var currPage = 1;
var currPos = 0;
var thumbsHldr;
var leftBtn;
var rightBtn;



$(document).ready(function(){
	
	thumbsHldr = $("#projectThumbs ul");
	leftBtn = $("#ProjectNav .leftBtn");
	rightBtn = $("#ProjectNav .rightBtn");
	
	thumbsHldr.width(totalWidth);
	$("#projectThumbs").addClass("hideOverflow");
	
	leftBtn.click(function(){
		slideLeft();				   
	});
	
	rightBtn.click(function(){
		slideRight();				   
	});
	
	leftBtn.hover(function(){
		leftBtn.animate({"marginLeft": "2px"}, "fast");
	}, function(){
		leftBtn.animate({"marginLeft": "6px"}, "fast");
	});
	
	rightBtn.hover(function(){
		rightBtn.animate({"marginRight": "2px"}, "fast");
	}, function(){
		rightBtn.animate({"marginRight": "6px"}, "fast");
	});
		
	
});	



function slideLeft(){

	if(currPage != 1){
		moveThumbs(currPos + movingWidth);
		currPage--;
	}
}

		
function slideRight(){

	if(currPage != totalPages){
		moveThumbs(currPos - movingWidth);
		currPage++;
	}
}


function moveThumbs(val){
	thumbsHldr.animate({left: val}, 'slow');
	currPos = val;
}