function goPosition(dir){
	//get the maximum number of posts so we can set a limit later
	var maxArray = jsonData.stories.length;
	//alert(maxArray);
	//damn string counts starting at 0....
	//maxArray -= 1;

	var leftCon = parseInt(document.getElementById('left_cage_num').value);
	
	var middleCon = parseInt(document.getElementById('middle_cage_num').value);
	
	var rightCon = parseInt(document.getElementById('right_cage_num').value);
	
	var extraCon = parseInt(document.getElementById('extra_cage_num').value);
	
	
	leftCon = parseInt(leftCon);
	middleCon = parseInt(middleCon);
	rightCon = parseInt(rightCon);
	extraCon = parseInt(extraCon);
	
	
	if (dir == 'left'){
		leftCon -= 1;
		middleCon -= 1;
		rightCon -= 1;
		extraCon -= 1;
		
		if(leftCon < 0){
			leftCon = 0;
			middleCon = 1;
			rightCon = 2;
			extraCon = 3;
		}
	}
	if (dir == 'right'){
		if (extraCon >= maxArray){
				
				return;
				
			}
		
		leftCon += 1;
		middleCon += 1;
		rightCon += 1;
		extraCon += 1;
			
			

	}
	updatePosition();
	
		function updatePosition(){
		if (extraCon >= maxArray){
				
				return;
				
			}
			
			document.getElementById('left_cage_num').value = leftCon;
			updateDivsLeft('left', leftCon);
			document.getElementById('middle_cage_num').value = middleCon;
			updateDivsMiddle('middle', middleCon);
			document.getElementById('right_cage_num').value = rightCon;
			updateDivsRight('right', rightCon);	
			document.getElementById('extra_cage_num').value = extraCon;
			updateDivsExtra('extra', extraCon);

			updateArrow();	 
							
		}
		function updateDivsLeft(dir, which){
				if (extraCon === maxArray){
				
				return;
				
			}
				document.getElementById('left_cage').innerHTML = jsonData.stories[which].body;
						
				}
				
	
		function updateDivsMiddle(dir, which){
				if (extraCon === maxArray){
				
				return;
				
			}
				document.getElementById('middle_cage').innerHTML = jsonData.stories[which].body;
						
				}
				
		
		function updateDivsRight(dir, which){
		
				if (extraCon === maxArray){
				
				return;
				
			}
				document.getElementById('right_cage').innerHTML = jsonData.stories[which].body;
					
				}
		
		function updateDivsExtra(dir, which){
		
				if (extraCon === maxArray){
				
				return;
				
			}
				document.getElementById('extra_cage').innerHTML = jsonData.stories[which].body;
					
				}
				
		
}

function updateArrow(){

	if (document.getElementById('left_cage_num').value > 0){
		document.getElementById('leftArrow').src = 'http://store.cowparade.com/box/arrows/boldarrowL.jpg';
		document.getElementById('rightArrow').src = 'http://store.cowparade.com/box/arrows/boldarrowR.jpg';
	}
	if (document.getElementById('left_cage_num').value <= 0){
		document.getElementById('leftArrow').src = 'http://store.cowparade.com/box/arrows/lightarrowL.jpg';
		document.getElementById('rightArrow').src = 'http://store.cowparade.com/box/arrows/boldarrowR.jpg';
	}
	if (document.getElementById('extra_cage_num').value >= jsonData.stories.length-1){
	document.getElementById('rightArrow').src = 'http://store.cowparade.com/box/arrows/lightarrowR.jpg';
	
	}
}