var ie4 = (document.all) ? true : false;
var DOM = (document.getElementById || ie4) ? true : false;
var is_safari = (document.childNodes)&&(!document.all)&&(!navigator.taintEnabled)&&(!navigator.accentColorName)? true : false;
var ns4 = (document.layers && !DOM) ? true : false;
var browserGood = (document.getElementById && !is_safari) ? true : false;
var browserOK = (document.layers || is_safari);
var scrollSpeed = 10;
var scrollWidth = 450;
var x = 0;
var currentPic = 1;
var scrollTimer = null;
var px = (DOM) ? "px" : "";
var lyr1 = null;

if (browserGood) document.write('<style type="text/css">.pic{display:none;}</style>');

function slideContent(index) {
	stopScroll();
	if(browserGood) {
		pOff = getElemRefs("pic"+currentPic);
		pOn = getElemRefs("pic"+index);
		if (index < currentPic) {
			pOn.css.display = "block"; //swap layers
			x = -scrollWidth;
			scr.css.left = x + px;
			scrollLeft(0);
		}
		if (index > currentPic) {
			pOn.css.display = "block"; //swap layers
			scrollRight(-scrollWidth);
		}
		currentPic = index;
	}
	else if (browserOK) {
		diff = eval(currentPic - index);
		tar = eval(index - 1);
		if (diff > 0) scrollLeft(-tar*scrollWidth);
		else if (diff < 0) scrollRight(-tar*scrollWidth);
		currentPic = index;
	}
}
function getElemRefs(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers || lyr1)? eval('document.'+lyr1+'.document.'+id): null;
	if (el) el.css = (el.style)? el.style: el;
	return el;
}
function scrollLeft(target) {
	if (x < target-2) {
		distance = eval(target - x);
		step = .2 * distance;
		if (step<2) step=2;
		x += step;
		scr.css.left = x + px;
		scrollTimer = setTimeout('scrollLeft('+target+')',scrollSpeed);
	}
	else {
		stopScroll();
		scr.css.left = target + px;
		if(browserGood) pOff.css.display = "none"; //swap layers
		x = target;
	}
}
function scrollRight(target) {
	if (x > target+2) {
		distance = eval(x - target);
		step = .2 * distance;
		if (step<2) step=2;
		x -= step;
		scr.css.left = x + px;
		scrollTimer = setTimeout('scrollRight('+target+')',scrollSpeed);
	}
	else {
		stopScroll();
		if(browserGood) {
			pOff.css.display = "none"; //swap layers
			target = 0;
		}
		scr.css.left = target + px;
		x = target;
	}
}
function stopScroll() {
	if (scrollTimer) clearTimeout(scrollTimer);
	scrollTimer = null;
}
function getUrlArg() {//extracts argument from the document url
	var url = document.location.href;
	var urlArg = "#";
	var urlEnd = url.indexOf(urlArg);
	whichPic = (urlEnd != -1) ? url.charAt(urlEnd+urlArg.length) : 1;
	return whichPic;
}
function initGallery(width,ns4layer) {
	scrollWidth = width;
	lyr1 = (ns4layer)? ns4layer : null;
	scr = getElemRefs("scrollME");
	var whichPic = getUrlArg();
	if(browserGood) {
		pOn = getElemRefs("pic"+whichPic);
		pOn.css.display = "block"; //swap layers
		currentPic = whichPic;
	}	
}