function prevSizeImage(width,height) {

	var tmp1 = document.getElementById('allImgKeys').value;
	
	var allImgKeys  = tmp1.split(',');
	var activeImage = document.getElementById('activeImage').value;
	
	for(i=0;i<allImgKeys.length;i++) 
		if (allImgKeys[i]==activeImage) {

			prevImg = i-1;
			if (prevImg<0) prevImg = allImgKeys.length-1;
			changeMeasurementTableActiveImage(prevImg,width,height)
			
			break;
		}
				
}
function nextSizeImage(width,height) {

	var tmp1 = document.getElementById('allImgKeys').value;
	
	var allImgKeys  = tmp1.split(',');
	var activeImage = document.getElementById('activeImage').value;
	
	for(i=0;i<allImgKeys.length;i++) 
		if (allImgKeys[i]==activeImage) {

			nextImg = i+1;
			if (nextImg==allImgKeys.length) nextImg = 0;
			changeMeasurementTableActiveImage(nextImg,width,height)
			
			break;
		}


}
function changeMeasurementTableActiveImage(newActImg,width,height) {

	var actImg = document.getElementById('activeImage').value;

	document.getElementById('IMG_BORDER_'+actImg).className = '';
	document.getElementById('SIZE_NAME_'+actImg).className  = '';
	
	document.getElementById('IMG_BORDER_'+newActImg).className = 'active';
	document.getElementById('SIZE_NAME_'+newActImg).className  = 'active';
	
	document.getElementById('bigCharacterImage').src        = document.getElementById('smallCharacterImage'+newActImg).value + '&width=' + width + '&height=' + height;

	document.getElementById('activeImage').value = newActImg;

}
function changeActiveCharacterSize(sizeId) {

	document.getElementById('sizeId').value = sizeId;

	reloadMeasurementCharacters();

}
function reloadMeasurementCharacters() {
	
	var productId   = document.getElementById('productId').value;
	var characterId = document.getElementById('characterId').value;
		
	xajax_reloadMeasurementCharacters(productId,characterId);
	
}