var j=0;
var tID;
var _target
var _imgs;
var _path;

var idPrefix="n_";

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

var _IMAGES_IN_LINE=4;
//end gallery

function init(target, images) {
	j=0;
	_imgs=images.split(",");
	_target=target.slice(2);
	_path="../images/products/"+_target+"/";
	changeImg();
}
function changeImg() {
	document.getElementById(idPrefix+_target).src=_path+"thumb/"+_imgs[j];
	tID=setTimeout("changeImg()",1000);
	j++;
	if (j==_imgs.length) j=0;
}
function stop() {
	clearTimeout(tID);
}


//gallery
function load(target, images, titles, 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 #f00";
}
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];
}
//end gallery