// JavaScript Document
//gallery
var _previousImgID=0;
var _currentImgID=0;
var _direction="";
var _offset=0;
var _titles;

var _IMAGES_IN_LINE=4;

function load(target, images, path) {
	j=0;
	_imgs=images.split(",");
	//_titles=titles.split("|||");
	_target=target;
	_path=path+_target+"/";
	_previousImgID=j;
	setBorder(j);
	//document.getElementById("main_image").src=_path+_imgs[j];
	showTitle();
	
}
function swapImage(img, id) {
	//document.getElementById("main_image").src=img;
	j=id;
	setBorder(j);
	_previousImgID=j;
	showTitle();
}
function setBorder(id) {
	//set border for previous image
	document.getElementById("thumb_"+(_previousImgID)).style.border="2px solid #aaa";
	//set border for current image
	document.getElementById("thumb_"+(id)).style.border="2px solid #FC9A00";
}
function next() {
	j+=1;
	if (j>(_imgs.length-1)) {
		j=0; 
		show();
		_offset=0;
	}
	if (_offset<_imgs.length-_IMAGES_IN_LINE && j>=_offset+_IMAGES_IN_LINE) {
		document.getElementById("thumb_"+(_offset)).style.display="none";
		_offset++;	
	}
	setBorder(j);
	_previousImgID=j;
	//document.getElementById("main_image").src=_path+_imgs[j];
	showTitle();
}
function prev() {
	j-=1;
	if (j<0) {
		hide();
		j=_imgs.length-1;
	}
	setBorder(j);
	_previousImgID=j;	
	//document.getElementById("main_image").src=_path+_imgs[j];	
	showTitle();
	if (j<_offset && _offset!=0) {
		_offset--;	
		document.getElementById("thumb_"+(_offset)).style.display="inline";
	}	
}
function show() {
	for (var i=0; i<_offset; i++) {
		document.getElementById("thumb_"+(i)).style.display="inline";
	}
}
function hide() {
	for (var i=0; i<(_imgs.length-_IMAGES_IN_LINE); i++) {
		document.getElementById("thumb_"+(i)).style.display="none";
	}
	_offset=_imgs.length-_IMAGES_IN_LINE;
}	
function showTitle() {
	var span=document.getElementById('img_title');
	//span.firstChild.nodeValue=_titles[j];
	span.firstChild.nodeValue=document.getElementById("thumb_"+(j)).getAttribute('alt');
}
//end gallery