// Set window- and layer-related variables
var curSlide;
var zIdx;
//var is_opera = (navigator.userAgent.indexOf("Opera")!=-1);
//var newWin;

// Set browser-determined global variables

var NN  = (document.layers ? true : false);
var dom = (document.getElementById)? true : false;
var IE4 = (!dom && document.all) ? true : false;
var hideName = (NN ? 'hide' : 'hidden');
var showName = (NN ? 'show' : 'visible');
var num0;

if((!dom) && (!NN) && (!IE4)) wbr=false;


//Set image-related variables
var img = new Array();
var layerList = new Array();
var imgSmPath;

// Set tour-realted variables
var showSpeed;
var tourOn;


// Define a function to generate layers
function genLayer(sName, sLeft, sTop, sWdh, sHgt, sVis, copy) {
	if (NN) {
	document.writeln('<LAYER NAME="' + sName + '" LEFT=' + sLeft + 
     ' TOP=' + sTop + 
	' WIDTH=' + sWdh + ' HEIGHT=' + sHgt + ' VISIBILITY="' + sVis +           '"' + ' z-Index=' + (++zIdx) + '>' + copy + '</LAYER>');
		}
	else {
		document.writeln('<DIV ID="' + sName + 
          '" STYLE="position:absolute; overflow:none; left:' + 
		sLeft + 'px; top:' + sTop + 'px; width:' + sWdh + 
          'px; height:' + sHgt + 'px;' + 
		' visibility:' + sVis + '; z-Index:' + (++zIdx) + '">' + 		copy + '</DIV>'
			);
		}
	}

// Define an object constructor for each slide
function slide(imgStr) {
	this.name = imgStr;
	this.structure = 
           "<A HREF=javascript:winopen("+  imgStr + ")>" +
		"<IMG SRC=" + imgSmPath + imgStr + "_sm.jpg" +            
           " border=0></A>";

	// Preload corresponding images while we're at it
	imagePreLoad(imgStr);

	return this;
	}

// Define a function to preload the images
function imagePreLoad(imgStr) {
	// Images for the slides
	img[img.length]	= new Image();
	img[img.length - 1].src =  imgSmPath + imgStr + '_sm.jpg';
	}


// Define a function to hide layers
function hideLayer(name) {
	refLayer(name).visibility = hideName;
	}

// Define a function to reveal layers
function showLayer(name) {
	refLayer(name).visibility = showName;
	}

// Define a central function to reference layers
function refLayer(name) {
	if (NN) { return document.layers[name]; }
	else if(IE4) return eval('document.all.' + name + '.style'); 
    else if(dom) return document.getElementById(name).style;
	}


// Function to change slides if the user navigates with the arrows
function changeSlide(offset) {
	// Hide the existing Layer
	hideLayer('slide' + curSlide);

	// Calculate the next layer index number
	curSlide = (curSlide + offset < 0 ? slideShow.length - 1 : 
		(curSlide + offset == slideShow.length ? 0 : curSlide + offset));

	// Show the desired layer
	showLayer('slide' + curSlide);
	}

// Function to change the slide if user navigates with the menu
function setSlide(ref) {
	hideLayer('slide' + curSlide);
    returnColor('r' + curSlide); 

	curSlide = ref;
	showLayer('slide' + curSlide);
    setColor('r' + curSlide);  
	}


function setColor(name){
if(document.getElementById) document.getElementById(name).style.textDecoration = "underline";
else {}
}

function returnColor(name){
if(document.getElementById) document.getElementById(name).style.textDecoration = "none";
else {}
}

function imgXY(imgID) {
  var XY = new Object();
  var imgObj = document.images[imgID];
  if (document.layers) {
	XY.x = eval(imgObj).x;
	XY.y = eval(imgObj).y;
  } else {
	var x,y, tempEl;
	x = eval(imgObj).offsetLeft;
	y = eval(imgObj).offsetTop;
	tempEl = eval(imgObj).offsetParent;
  	while (tempEl != null) {
  		x += tempEl.offsetLeft;
		y += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	XY.x = x;
	XY.y = y;
  }
  return XY;
}

function shiftTo(name, x, y){
         if(NN)	refLayer(name).moveTo(x,y);
		 else {
			  refLayer(name).top = y;
		 }
}

function setSlide1(ref) {
	hideLayer('slide' + curSlide);
    returnColor('r' + curSlide); 

	curSlide = ref;
	var imgPosition = imgXY('razd');
	var y_razd = imgPosition.y;
	shiftTo('slide' + curSlide, 50, y_razd);
	showLayer('slide' + curSlide);
    setColor('r' + curSlide);  
	}