var img_folder  = "images";
var loading_img = img_folder+"/_loading.jpg";
var thumbs;
(new Image()).src = loading_img;

function gallery_load() {
	var oldonload = window.onload;
	window.onload = (typeof oldonload == 'function') ? function() { oldonload(); init_gallery(); } : init_gallery;
}

function init_gallery() {
	try {
		thumbs = document.getElementById('thumbs').getElementsByTagName('IMG');
		for(i=0; i<thumbs.length; i++) {
			thumbs[i].onclick = eventChangeImage;
// set in functions.php
//			thumbs[i].id = 'thumb_'+(i+1);
			thumbs[i].style.cursor = 'pointer';
		}
		if(thumbs[0]) changeImage(thumbs[0].id);
	} catch(e) { alert(e); }
}

function eventChangeImage(e) {
	if(!e) e = window.event;
	if(!e || !(e.target || e.srcElement)) return;
	srcEl = (e.target) ? e.target : e.srcElement;
	if(srcEl.nodeType == 3) srcEl = srcEl.parentNode;  // defeat Safari bug
	changeImage(srcEl.id);
}

function changeImage(imgId) {
	document.theimage.src = loading_img;
//	imgSrc = document.getElementById(imgId).src.replace(/thmbs\//i, '');
//	document.theimage.src = imgSrc;
	for(i=0; i<thumbs.length; i++) {
		thumbs[i].className = (thumbs[i].id == imgId) ? 'at' : '';
	}

	var ajax = new ajax_request('index.php','action=showimage&img='+imgId.replace(/thumb_/i, ''));
	ajax.send();
}

function ajax_changeImage(imgSrc, imgDesc) {
	document.theimage.src = img_folder+'/'+imgSrc;
	var desc = document.getElementById('imgdesc');
	if(desc) desc.innerHTML = imgDesc;
}

function ajax_request(uri, query) {
	this.uri = uri;
	this.query = query;
	this.send = function() {
		var t = new Date();
		    t = t.getTime();
		ruri = this.uri+"?uid="+t+"&"+this.query;
		var html_doc = document.getElementsByTagName('head').item(0);
		var js = document.createElement('script');
		js.setAttribute('language', 'javascript');
		js.setAttribute('type', 'text/javascript');
		js.setAttribute('src', ruri);
		html_doc.appendChild(js);
	}
}

gallery_load();