var curPhoto = 1;
var theNextPhoto = 1;


var pb = $('thumbs_container');

// photos together: 2111px
// spacing: 11px * 32



var slideActive = false;

var newX = 0;
var mouseX = 0;
var dist = 0;
var newScroll = 0;

var safariJunk = true;

var xOffset = 0;
setOffset ();
window.onresize = setOffset;

var isSafari2 = false;

if (document.childNodes && !document.all && !navigator.taintEnabled && !window.devicePixelRatio) {
	isSafari2 = true;
}

// get size of thumbnail container

function getThumbElements() {
	var t = document.getElementById("thumbs");
	var getwidths = t.getElementsByTagName("img");
	var widths = new Array();
	for (x=0;x<getwidths.length; x++){
		widths[x] = getwidths[x].width;
	}
	return widths;
}

var widths = getThumbElements();
var moveX;
var temp;
var temps = new Array();
var moves = [0,0]
temps[0] = 0;

for (x=0; x<widths.length-1; x++)
{
if (x==0) {
	temps[x] = widths[x] + 9;
	} else {	
	temps[x] = temps[x-1] + widths[x] + 9;
	}
temp = (temps[x] + Math.round(widths[x+1] / 2) - 357) * -1;
if (temp<0) {
		moves[x+2] = temp;
	}else{
		moves[x+2] = 0;
	}
}
//document.write("var moves = [" + moves.toString() + "];");

scrollWidth = 0;
for (x=0; x<widths.length; x++) {
	scrollWidth += 9;
	scrollWidth += widths[x];
}
scrollWidth -= 9;
totalPhotos = widths.length;

var windowWidth = 712;
var step = windowWidth;
var the_end = (scrollWidth - windowWidth) * -1;

//document.write("<br>var scrollWidth = " + (temp + 357) + ";");
//document.write("<br>var totalPhotos = " + widths.length + ";");

// scrollbar functions

$('thumbs_container').onmouseover = function() {
	slideActive = true;
};

$('thumbs_container').onmousemove = function(event) {
	slideActive = true;
	var e = new Event (event);
	mouseX = e.page.x - xOffset;
};

$('thumbs_container').onmouseout = function() {
	slideActive = false;
};

function runSlider () {

	if (slideActive == true) {


		if (mouseX < 175) {
			dist = (175 - mouseX) / 50;
		} else if (mouseX > 537) {
			dist = (537 - mouseX) / 50;
		} else {
			dist = 0;
		}

		dist = Math.round (dist);
		newX += dist;
		if (newX > 0) newX = 0;
		if (newX < the_end) newX = the_end;
		pb.style.left = newX + 'px';

		// move scrollbar
		moveKnob();

	}
	//$('debug').innerHTML = newX;
}

function findPosX (obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (1) {
			curleft += obj.offsetLeft;
			if (!obj.offsetParent) break;
			obj = obj.offsetParent;
		}
	} else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function setOffset () {
	xOffset = findPosX (document.getElementById('thumbs'));
}

var slider = new Slider ($('slider'), $('knob'), {
	onChange:function(v) {
		newScroll = parseInt($('knob').style.left);
		newX = Math.round((scrollWidth - windowWidth) * ((v * -1) / step));
		pb.style.left = newX + 'px';
	},
	steps: step,
	mode: 'horizontal',
	wheel: false
});

 // ...with keyboard support (code from canopycanopycanopy.com)
document.addEvent('keydown', function(e) {
	 e = new Event(e) // .stop() // oops don't stop, we might want that!
	 if (e.key == 'right') {
	 nextPhoto()
	 } else if (e.key == 'left') {
	 prevPhoto()
	}
})

// start slider
slideInterval = setInterval("runSlider()", 2);

// preload first two images
preloadPhoto ();
theNextPhoto = 2;
preloadPhoto ();

setTimeout ('$("loading").style.display = "none"', 150);