function setCurrentImage(counter, galleryID) {
	var selected = document.getElementById('image_'+counter+'_'+galleryID).value;
	document.getElementById('currentImage_'+galleryID).innerHTML = "<img "+selected+"/>";
	var caption = document.getElementById('hidden_caption_'+counter+'_'+galleryID).value;
	document.getElementById('captionHolder').innerHTML = caption;	
}

function cycleThumbs(direction, galleryID, thumbWidth) { 	
	var totalThumbs = parseInt(document.getElementById('totalThumbs_'+galleryID).value);	
	var currentPos = parseInt(document.getElementById('sliderPos_'+galleryID).value);		
	var currentThumb = parseInt(document.getElementById('currentThumb_'+galleryID).value);			
	var totalWidth = parseInt(document.getElementById('totalWidth_'+galleryID).value);
	var newPos = currentPos;
	if (direction == 'left' && currentThumb > 0) {
	    newPos = (currentPos+thumbWidth);
		document.getElementById('pageGalleryThumbs_'+galleryID).style.left = newPos+"px";
		document.getElementById('currentThumb_'+galleryID).value = currentThumb - 1;
	} else if (direction == 'right' && currentThumb < (totalThumbs)-3) { 
	 	newPos = (currentPos-thumbWidth);
		document.getElementById('pageGalleryThumbs_'+galleryID).style.left = newPos+"px";		
	    document.getElementById('currentThumb_'+galleryID).value = currentThumb+1;    			
	} else {
	 newPos = currentPos;
	}
	document.getElementById('sliderPos_'+galleryID).value = newPos;    
}
function cycleCatThumbs (direction) {
	var totalCats = parseInt(document.getElementById('totalCats').value);	
	var currentPos = parseInt(document.getElementById('sliderPos').value);		
	var currentCat = parseInt(document.getElementById('currentCat').value);			
	var totalWidth = parseInt(document.getElementById('totalWidth').value);
	var newPos = currentPos;
	if (direction == 'left' && currentCat > 0) {
	    newPos = (currentPos+182);
		document.getElementById('category-section-sub').style.left = newPos+"px";
		document.getElementById('currentCat').value = currentCat - 1;
	} else if (direction == 'right' && currentCat < (totalCats)-5) { 
	 	newPos = (currentPos-182);
		document.getElementById('category-section-sub').style.left = newPos+"px";		
	    document.getElementById('currentCat').value = currentCat+1;    			
	} else {
	 newPos = currentPos;
	}
	document.getElementById('sliderPos').value = newPos;  
	
}