script_path = "index.pl";
loading_img = "images/_loading.jpg";

sprintlen = '000';
ajaxScript = false;

// preload the loading image
(new Image).src = loading_img;

//initialize XHConn (if XHConn isn't created successfully, 
//the client doesnt' support Ajax)
var ajaxConn = window.XHConn ? new XHConn() : false;

//when the server responds, javascript 
//will trigger this callback function
function ajaxReturn(XML) {
	rTxt = XML.responseText.split('\n');
	vars = { src:'', name:'', desc:'' };
	for(var i=0; i<rTxt.length; i++) rTxt[i] = rTxt[i].split('=');
	for(var i=0; i<rTxt.length; i++) vars[rTxt[i][0]] = rTxt[i][1];
	document.theimage.src = vars.src;
	document.getElementById('gallery-img-name').innerHTML = vars.name;
	document.getElementById('gallery-img-desc').innerHTML = vars.desc;
	hiliteThumb();
}

lastClicked = false;

function changeImage() {
	if(!document.theimage) return true;
	clearThumbs();
	lastClicked = this.parentNode;
	imgId = this.getElementsByTagName('IMG')[0].alt;//this.href.substring(this.href.indexOf('&img=')+5);
	atts = imgId.split('-');
	document.theimage.src = loading_img;
//	if(document.getElementById('img_name').innerHTML) 
		document.getElementById('gallery-img-name').innerHTML = 'Loading';
//	if(document.getElementById('gallery-img-desc').innerHTML) 
//		document.getElementById('gallery-img-desc').innerHTML = '...';
		document.getElementById('gallery-img-desc').innerHTML = '';
	ajaxConn.connect(script_path, 'POST', 'ajax=1&cat='+atts[0]+'&img='+atts[1], ajaxReturn);
	return false;
}

function clearThumbs() {
	thumbs = document.getElementById('gallery-thumbs').getElementsByTagName('LI');
	for(var i=0; i<thumbs.length; i++) thumbs[i].className = thumbs[i].className.replace(/(^|\\s)current(\\s|$)/i, '');
}

function hiliteThumb() {
	if(lastClicked) lastClicked.className += (lastClicked.className ? ' ':'') + 'current';
}


function setupGallery() {
	imgLinks = document.getElementById('gallery-thumbs');
	if(!imgLinks) return;
	imgLinks = imgLinks.getElementsByTagName('A');
	if(imgLinks.length > 0) 
		for(var i=0; i<imgLinks.length; i++) imgLinks[i].onclick = changeImage;
	featLinks = document.getElementById('gallery-featured');
	if(!featLinks) return;
	featLinks = featLinks.getElementsByTagName('A');
	if(featLinks.length > 0)
		for(var i=0; i<featLinks.length; i++) featLinks[i].onclick = changeImage;
}

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