var imagebar_currentSelected;
var imagebar_imagecount;
var mainImg;
var theImages;

function imageBarInit() {
	imagebar_currentSelected = 1;
	mainImg = document.getElementById('mainImage');
	theImages = document.getElementById('imagebar_inner');
	imagebar_imagecount = theImages ? theImages.getElementsByTagName('IMG').length : 0;
}

function imagebarUp() {
	if (imagebar_currentSelected > 1) {
		imagebarSetrow(imagebar_currentSelected-1);
	}
}
function imagebarDown() {
	if (imagebar_currentSelected < imagebar_imagecount) {
		imagebarSetrow(imagebar_currentSelected+1);
	}
}
function imagebarSetrow(row) {
	// set 'old' images styles
	_get('imagebar'+eval(imagebar_currentSelected)).className = 'imagebar';
	_get('mainImage_'+eval(imagebar_currentSelected)).style.display = 'none';
	imagebar_currentSelected = row;
	_get('imagebar'+eval(imagebar_currentSelected)).className = 'imagebar_select';
	_get('mainImage_'+eval(imagebar_currentSelected)).style.display = 'block';
	// set y imagebar
	theImages.style.marginTop = '-' + Math.max(0,(row - 4)*90) + 'px';
}