// Gallery Selector vars
var NOSCROLL = false;

var isVertical = false;

var rate = 40;

var dragt = 0;
var dist_t = 0;

var leftPos = 14;
var topPos = 447;

var mainLength = 725;
var mainWidth = 20;
var scrollPos = 0;

var arrowW = 20;
var arrowH = 21;
var scrollWidth = 18;
var scrollInLength = 641;
var thumbPos = 56;
var thumbStart = 56;
var scrollTicks = 1;

prevImg = '';
var currentIndex = 0;
var mainLayer = "gallery";

function forward()
{
  currentIndex++;
  if (currentIndex > gallery.texts.length - 1) 
	currentIndex = gallery.texts.length - 1;

  show(1, currentIndex);
}

function back()
{
  currentIndex--;
  if (currentIndex < 0) currentIndex = 0;
  show(1, currentIndex);
}

function disbutton(name)
{
	if (!ie) return;
	document.images[name].src = "art/" + name + "-dis.gif";
	document.images[name].style.cursor='default';
}

function enbutton(name)
{
	if (!ie) return;
	document.images[name].src = "art/" + name + ".gif";
	document.images[name].style.cursor='';
}

function makeNum(index)
{
	num = index + 1;
	if (num < 10) num = '0' + num;
	if (num < 100) num = '0' + num;
	return num;
}

function show(gNum, index)
{
  layerWrite('description', null, gallery.texts[index]);
  p = ie ? document : eval('document.'+mainLayer+'.document');
  if (document.images && p.images)
  {
	num = makeNum(index);
	document.images['picture'].src = "art/cards/" + gallery.name + "m" + num + ".jpg";
	document.images['digit1'].src = "art/digits/" + num.substr(0, 1) + ".gif";
	document.images['digit2'].src = "art/digits/" + num.substr(1, 1) + ".gif";
	document.images['digit3'].src = "art/digits/" + num.substr(2, 1) + ".gif";
        p.images[prevImg].src = "art/thumbs/" + prevImg + "grey.gif";
	num = makeNum(index);
	prevImg = gallery.name + 's' + num;
	p.images[gallery.name + 's' + num].src = "art/thumbs/" + gallery.name + "s" + num + ".gif";
	currentIndex = index;
	if (currentIndex == gallery.texts.length - 1) disbutton('pixnext');
	else enbutton('pixnext');
	if (currentIndex == 0) disbutton('pixprev');
	else enbutton('pixprev');
  }	
}

var str = '';

function makeGallery()
{
 if (dhtmlBrowser) {

//  document.write('<div id="'+mainLayer+'">');
//  if (ns) p = eval('document.'+mainLayer+'.document');
//  if (ie) p = document;
  
  str = '<table cellspacing=0 cellpadding=0 border=0 width=100% align=left><tr><td>';
  str += '<IMG SRC="art/pix000000.gif" WIDTH=1 HEIGHT=20 BORDER=0 ALT="">';
  
  for (i = 0; i<gallery.texts.length; i++)	
  {
	  str += '<a href="javascript:show(1, '+i+')">';
	  num = makeNum(i);
          str += '<IMG SRC="art/thumbs/'+gallery.name + 's' + num + 'grey.gif" name='+gallery.name+'s'+num+' WIDTH=20 HEIGHT=20 BORDER=0 ALT=' + i + '></a>';
	  str += '<IMG SRC="art/pix000000.gif" WIDTH=1 HEIGHT=20 BORDER=0 ALT="">';
  }
  str += '</td></tr></table>';
  
  layerWrite(mainLayer, '', str);
//  document.write('</div>');

/*  
  p.write('<table cellspacing=0 cellpadding=0 border=0 width=100% align=left><tr><td>');
  p.write('<IMG SRC="art/pix000000.gif" WIDTH=1 HEIGHT=20 BORDER=0 ALT="">');
  for (i = 0; i<gallery.texts.length; i++)	
  {
	  p.write('<a href="javascript:show(1, '+i+')">');
	  num = makeNum(i);
	  p.write('<IMG SRC="art/thumbs/'+gallery.name + 's' + num + 'gray.gif" name='+gallery.name+'s'+num+' WIDTH=20 HEIGHT=20 BORDER=0 ALT=' + i + '></a>');
	  p.write('<IMG SRC="art/pix000000.gif" WIDTH=1 HEIGHT=20 BORDER=0 ALT="">');	  
  }
  p.write('</td></tr></table>');
  document.write('</div>');
*/  
 }
}

var m = 0;

function setup() {

 if (dhtmlBrowser) {
 
  makeGallery();
 
  elePos(mainLayer, leftPos, topPos);
 
  hScrollTo(0, mainLayer);

  if (document.all) this.focus();
  if (ns4) {
    winW = window.innerWidth;
    winH = window.innerHeight;
  }
  vizElement(mainLayer, SHOW);
  m = mainLength/eleWidth(mainLayer);

  if (m <= 1)
  {
  	scrollLength = scrollInLength*m;
  	layerWrite('thumb', '', '<A HREF="#" onMouseDown="dragt=1; dragScroll(); return false"><IMG SRC="art/spacer.gif" WIDTH='+scrollLength+' HEIGHT='+(scrollWidth-3)+' border=0 ALT=""></A>\n');
    vizElement('thumb', SHOW);
  }	
  else 
  {
	if (ie)
	{
		document.images['galscrollback'].style.cursor = 'default';
		document.images['galscrollfw'].style.cursor = 'default';	
	}	
  	NOSCROLL = true;
  }	
  prevImg = gallery.name + 's001';

  show(1, currentIndex);
 }
}

function zoom_()
{
	zoom('art/large/' + gallery.photos[currentIndex] + '.jpg', gallery.texts[currentIndex], '');
}