var curPhoto = 1;
var theNextPhoto = 1;


var pb = $('thumbs_container');
//var thmb;

// 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;
xOffset = 312;
//setOffset ();
//window.onresize = setOffset;

var isSafari2 = false;

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

var allA = $$('a');

for (i=0; i<allA.length; i++) {
	allA[i].onfocus = function () {this.blur();};
}



function getStyle(el,styleProp)
{
	var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}

// 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) - 300) * -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 = 610;
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 ***

if (scrollWidth > windowWidth) {
// setInterval polls for slideActive being true
	$('thumbs_container').onmouseover = function() {
		slideActive = true;
	};

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

// stops the scroller
$('thumbs_container').onmouseout = function() {
	slideActive = false;
};

// this defines the area (left and right) where the mouse hover will cause scrolling to happen
var leftHover = Math.round (windowWidth * 0.35);
var rightHover = Math.round (windowWidth * 0.65);

// does the heavy work, always being polled by setInterval
function runSlider () {
	if (slideActive == true) {
		if (mouseX < leftHover) {
			dist = (leftHover - mouseX) / 50;
		} else if (mouseX > rightHover) {
			dist = (rightHover - 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
});
*/

slideInterval = setInterval("runSlider()", 2);
}

 // ...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

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

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