var scene = 1;
var thumbs = 5;
var titles = ['Main Entrance','Nave','Parish Hall','Sunday School Big Room','Sunday School Classroom'];

function changePano(to){
	scene = to;
	
	if(scene == 1)
		thumbs = 5;
	if(scene == 2)
		thumbs = 11;
	if(scene == 3)
		thumbs = 9;
	if(scene == 4 || scene == 5)
		thumbs = 6;
	
	document.ptviewer.newPanoFromList(scene);
	document.getElementById('title').innerHTML = titles[to-1];
	
	updateImages(scene);
}

function changeImg(to){
	var wind = document.getElementById('still');
	wind.innerHTML = '<img src="images/stills/'+scene+'/'+to+'.jpg" width="405px" height="303px" id="img" />';
}

function updateImages(to){
	var thumbnails = document.getElementById('thumbnailsB');
	var wind = document.getElementById('still');
	
	var newThumbs = '';
	for(var i=1;i<=thumbs;i++){
		newThumbs += '<a href="#" onclick="changeImg('+i+')"><img src="images/stills/'+scene+'/'+i+'t.jpg" alt="Image '+i+'" width="125px" height="93px" /></a>';
	}
	thumbnails.innerHTML = newThumbs;
	wind.innerHTML = '<img src="images/stills/'+scene+'/1.jpg" width="405px" height="303px" id="img" />';
	
	destB = 0;
}

var IE = document.all?true:false;
		
if (!IE) document.captureEvents(Event.MOUSEMOVE)
	document.onmousemove = getMouseX;
	
var tempX = 0;

function getMouseX(e){
  if(IE){
	tempX = event.clientX + document.body.scrollLeft;
  }else{
	tempX = e.pageX;
  }
  if(tempX < 0){ tempX = 0; }
  return true;
}

var destA = 0;
var destB = 0;

function updateThumbPos(side){
	getMouseX;
	if(side=='A'){
		var thumbers = 5;
		var left = document.getElementById('thumbnailsA').parentNode.offsetLeft;
		var pWidth = document.getElementById('thumbnailsA').parentNode.offsetWidth;
		var width = 125*thumbers+4*thumbers;
		var pctg = (tempX-left)/(pWidth);
		//document.getElementById('thumbnailsA').style.left = Math.round(-(width-pWidth)*pctg+3)+'px';
		destA = Math.round(-(width-pWidth)*pctg+3);
	}
	if(side=='B'){
		var left = document.getElementById('thumbnailsB').parentNode.offsetLeft;
		var pWidth = document.getElementById('thumbnailsB').parentNode.offsetWidth;
		var width = 125*thumbs+4*thumbs;
		var pctg = (tempX-left)/(pWidth);
		//document.getElementById('thumbnailsB').style.left = Math.round(-(width-pWidth)*pctg+3)+'px';
		destB = Math.round(-(width-pWidth)*pctg+3);
	}
}

var timer = setTimeout('updatePos()',0);

function updatePos(){
	var deltaA = destA - document.getElementById('thumbnailsA').offsetLeft;
	document.getElementById('thumbnailsA').style.left = Math.round((document.getElementById('thumbnailsA').offsetLeft+deltaA/8))+1+'px'
	
	var deltaB = destB - document.getElementById('thumbnailsB').offsetLeft;
	document.getElementById('thumbnailsB').style.left = Math.round((document.getElementById('thumbnailsB').offsetLeft+deltaB/8))+1+'px'
		
	timer = setTimeout('updatePos()',0);
}