var indexcache = Array();
var pictureUri	= server + 'items/';
var siteRoot	= server;

function thumbViewer(itemid,userid,numpct,direction) {

	if (indexcache[itemid]) {
		index = indexcache[itemid];
	} else {
		index = 1;
	}
	
	if (direction == 'next' && index < numpct) {
		index++;
	} else if (direction == 'prev' && index > 1) {
		index--;
	}

	if (index == 1) {
		html = '<img src="' + siteRoot + 'images/pprev1.png" class="scroll_1" id="prev_' + itemid + '" />';
		changeProperty('prev_span_' + itemid,'innerHTML',html);
		html = '<a href="javascript:thumbViewer(\'' + itemid + '\',\'' + userid + '\',\'' + numpct + '\',\'next\');"><img src="' + siteRoot + 'images/pnext2.png" class="scroll_1" id="next_' + itemid + '" /></a>';
		changeProperty('next_span_' + itemid,'innerHTML',html);
	} else if (index == numpct) {
		html = '<a href="javascript:thumbViewer(\'' + itemid + '\',\'' + userid + '\',\'' + numpct + '\',\'prev\');"><img src="' + siteRoot + 'images/pprev2.png" class="scroll_1" id="prev_' + itemid + '" /></a>';
		changeProperty('prev_span_' + itemid,'innerHTML',html);
		html = '<img src="' + siteRoot + 'images/pnext1.png" class="scroll_1" id="prev_' + itemid + '" />';
		changeProperty('next_span_' + itemid,'innerHTML',html);
	} else {
		html = '<a href="javascript:thumbViewer(\'' + itemid + '\',\'' + userid + '\',\'' + numpct + '\',\'prev\');"><img src="' + siteRoot + 'images/pprev2.png" class="scroll_1" id="prev_' + itemid + '" /></a>';
		changeProperty('prev_span_' + itemid,'innerHTML',html);
		html = '<a href="javascript:thumbViewer(\'' + itemid + '\',\'' + userid + '\',\'' + numpct + '\',\'next\');"><img src="' + siteRoot + 'images/pnext2.png" class="scroll_1" id="next_' + itemid + '" /></a>';
		changeProperty('next_span_' + itemid,'innerHTML',html);
	}

	indexcache[itemid] = index;
	
	var t = document.getElementById('pct_'+itemid);
	
	t.src = pictureUri + userid + '/' + itemid + '-' + index + '-T.jpg';
	
	var t = $('thumbLink');
	
	t.href = 'pbrowser.php?index='+itemid+'|' + userid + '|' +index;
}

function photoSwitch (index,n) {
	
	var e;
	var c;
	
	index	= parseInt(index);
	n		= parseInt(n);
	
	for (c = 1; c <= n; c++) {
		if (e = document.getElementById('galphoto_' + c)) {
			if (c == index) {
				e.style['display'] = 'block';
				if (e = document.getElementById('galdes_' + c)) {
					e.style['display'] = 'block';
				}
			} else {
				e.style['display'] = 'none';
			}
		}
	}
}