var currImageNum = 1;

function swapImage(category, direction, maxImageNum) {
	var imageNum;
	if (direction == 1) {
		/* go to next image */
		if (currImageNum == maxImageNum) {
			imageNum = 1;
		} else {
			imageNum = currImageNum + 1;
		}
		goToImage(category, imageNum);
	} else {
		/* go to previous image */
		if (currImageNum == 1) {
			imageNum = maxImageNum;
		} else {
			imageNum = currImageNum - 1;
		}
		goToImage(category, imageNum);
	}
	mark(imageNum);
}

function goToImage(category, imageNum) {
	document.theimage.src='/i/' + category + '/' + imageNum + '.jpg';
}

function mark(imageNum) {
	var element = 'circle_' + currImageNum;
	if (document.getElementById) {
		document.getElementById(element).src='/i/circle_up.gif';
	}
	
	element = 'circle_' + imageNum;
	
	if (document.getElementById) {
		document.getElementById(element).src='/i/circle_down.gif';
	}
	currImageNum = imageNum;
}

function mouseaction(iname, position) {
	var name = iname.replace(/i2/, "2");
	if (document.getElementById) {
		document.getElementById(iname).src='/i/' + name + '_' + position + '.gif';;
	}
}

function circleaction(imageNum, position) {
	if(currImageNum != imageNum) {
		var element = 'circle_' + imageNum;
		if (document.getElementById) {
			document.getElementById(element).src='/i/circle_' + position + '.gif';
		}
	}
}