var target = 0;
var position = 0;

var moveRight = false;
var moveLeft = false;

var movingElementID = "content";
var elementLength = 0;

function movePortfolio() {
	setTarget();
	elementLength = parseInt(document.getElementById("thetable").style.height);

//  distance between target & position; easing;
	if (Math.abs(position - target) > 1) {
		if(target < position) {
			position -= 0.05 * Math.abs(position - target);
		}
			
		else {
			position += 0.05 * Math.abs(position - target);
		}
	}
		
	else {
		position = target;
	}

//  show/hide arrows
	if(parseInt(document.getElementById("content").style.marginLeft) >= -30) {
		document.getElementById("arrow_left").style.display = "none";	
	}
		
	else {
		document.getElementById("arrow_left").style.display = "block";
	}
		
	if(parseInt(document.getElementById("content").style.marginLeft) <= -elementLength + window.innerWidth + 164) {
		document.getElementById("arrow_right").style.display = "none";	
	}
		
	else {
		document.getElementById("arrow_right").style.display = "block";
	}		

	document.getElementById("content").style.marginLeft = position+"px";
	setTimeout ('movePortfolio()', 0.5);
}

function setTarget() {

//  move right
	if(moveRight == true) {
		if(target - 458 / 30> -elementLength + window.innerWidth + 134) {
			target -= 458 / 30;
		}
	}

//  move left
	else if(moveLeft == true) { 
		if(target + 458 / 30 <= 5) {
			target += 458 / 30;
		}
	}	
}

function moveToTarget(value) {
	target = -parseInt(value);
}

function toggleRight() {
	if(moveRight == true) {
		moveRight = false;
	}
	
	else if(moveRight == false) {
		moveRight = true;
	}
}

function toggleLeft() {
	if(moveLeft == true) {
		moveLeft = false;
	}
	
	else if(moveLeft == false) {
		moveLeft = true;
	}
}