/*number of thumbnails  shown*/
var thumbPerPage = 12;

/*width of content area*/
var scrollAmount = 913;

/*number of pixel moves per loop*/
var pixelMove = 40;

/*timeout for the loop*/
var scrollSpeed = 5;

var pos = 1;
var childCount;

function numImages(){
	var parent = document.getElementById('image-nav');
	childCount = parent.getElementsByTagName('div').length;
	arrowCheck();
	var text = document.getElementById('image-text-span');
	text.innerHTML = content[23]['content'];
	var image = document.getElementById('image-main-img');
	image.src = 'portfolio/' + 23 + '.jpg';
}

function arrowCheck(){
	var wrap = document.getElementById('image-nav');
	var left = parseInt(wrap.style.left);
	var rightArrow = document.getElementById('right_arrow');
	var leftArrow = document.getElementById('left_arrow');
	if (pos == 1){
		rightArrow.style.visibility = 'hidden';
		if (childCount > thumbPerPage){
			leftArrow.style.visibility = 'visible';
		} else {
			leftArrow.style.visibility = 'hidden';
		}
	} else {
		rightArrow.style.visibility = 'visible';
		if (childCount > (pos*thumbPerPage)){
			leftArrow.style.visibility = 'visible';
		} else {
			leftArrow.style.visibility = 'hidden';
		}
	}
}

function imageSwap(id){
	var image = document.getElementById('image-main-img');
	var text = document.getElementById('image-text-span');
	image.src = 'portfolio/' + id + '.jpg';
	text.innerHTML = content[id]['content'];
}

function scrollToLeft(){
	var wrap = document.getElementById('image-nav');
	var left = parseInt(wrap.style.left);
	var amount = left - scrollAmount;
	scrollToLeftDo(amount);
}

function scrollToLeftDo(amount){
	var wrap = document.getElementById('image-nav');
	var left = parseInt(wrap.style.left);
	var test = amount + pixelMove;
	left -= pixelMove;
	wrap.style.left = left + 'px';
	if (wrap.style.left != amount + 'px'){
		if(test >= left){
			wrap.style.left = amount + 'px';
			clearTimeout(Timer);
			pos ++;
			arrowCheck();
		} else {
			var Timer = setTimeout("scrollToLeftDo(" + amount + ")", scrollSpeed);
		}
	} else {
		clearTimeout(Timer);
		pos ++;
		arrowCheck();
	}
}

function scrollToRight(){
	var wrap = document.getElementById('image-nav');
	var left = parseInt(wrap.style.left);
	var amount = left + scrollAmount;
	scrollToRightDo(amount);
}

function scrollToRightDo(amount){
	var wrap = document.getElementById('image-nav');
	var left = parseInt(wrap.style.left);
	var test = amount - pixelMove;
	left += pixelMove;
	wrap.style.left = left + 'px';
	if (wrap.style.left != amount + 'px'){
		if(test <= left){
			wrap.style.left = amount + 'px';
			pos --;
			arrowCheck();
		} else {
			var Timer = setTimeout("scrollToRightDo(" + amount + ")", scrollSpeed);
		}
	} else {
		clearTimeout(Timer);
		pos --;
		arrowCheck();
	}
}