// JavaScript Document

var folder_level1	= "images/gallery/level1/";
var folder_level2	= "images/gallery/level2/";
var folder_level3	= "images/gallery/level3/";
var folder_icon		= "images/gallery/icon/";
var folder_display 	= "images/gallery/display/";

var gallery_total	= gallery_pic.length;
var gallery_current;

function gallery_load() {
gallery_thumbnail();

level1_pic = Math.ceil(gallery_total/2);
gallery_current = gallery_get(level1_pic-1);
gallery_set();
}

function gallery_thumbnail() {
var container = document.getElementById("gallery_list");
	for(i=0;i<gallery_total;i++) {
	obx = document.createElement('span');
	obx.id = "thumbnail_"+i;
	obx.innerHTML = "&nbsp;";
	obx.style.backgroundImage = "url("+folder_icon+gallery_pic[i]+".jpg)";
	obx.title = gallery_title[i];
	container.appendChild(obx);
	}
}

function gallery_get(center) {
if(center<0) {
return gallery_get(gallery_total+center);
}

if(center==gallery_total) {
return gallery_get(0);
}

var a = Array();
a[2] = (center);

a[0] = (center-2>=0)?center-2:gallery_total+(center-2);
a[1] = (center-1>=0)?center-1:gallery_total+(center-1);
a[3] = (center+1<gallery_total)?center+1:((center+1)-gallery_total);
a[4] = (center+2<gallery_total)?center+2:((center+2)-gallery_total);
return a;
}

function gallery_set() {
gallery_setpic("preview-1",folder_level3+gallery_pic[gallery_current[0]]+".jpg");
gallery_setpic("preview-2",folder_level2+gallery_pic[gallery_current[1]]+".jpg");

gallery_setpic("preview-3",folder_level1+gallery_pic[gallery_current[2]]+".jpg");
document.getElementById("gallery_photo_title").innerHTML = gallery_title[gallery_current[2]];
document.getElementById("link_preview").href = folder_display+gallery_pic[gallery_current[2]]+".jpg";

gallery_setpic("preview-4",folder_level2+gallery_pic[gallery_current[3]]+".jpg");
gallery_setpic("preview-5",folder_level3+gallery_pic[gallery_current[4]]+".jpg");

gallery_reset_thumbnail();
document.getElementById("thumbnail_"+gallery_current[2]).className="selected";
document.getElementById("thumbnail_"+gallery_current[0]).className="current";
document.getElementById("thumbnail_"+gallery_current[1]).className="current";
document.getElementById("thumbnail_"+gallery_current[3]).className="current";
document.getElementById("thumbnail_"+gallery_current[4]).className="current";

}

function gallery_reset_thumbnail() {
	for(i=0;i<gallery_total;i++) {
	sObj = "thumbnail_"+i;
	document.getElementById(sObj).className = "";
	}
}

function gallery_setpic(object,path) {
o = document.getElementById(object);
	if(o) {
	o.style.backgroundImage = "url("+path+")";
	}
}

function gallery_navigate(sum) {
gallery_current = gallery_get(gallery_current[2]+sum); 
gallery_set();
}