/* shwFade.js (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */


// randomize the order
//imageFilenames.sort( randOrd );

var d = document; 
var imgs = new Array();
var current = 1;
var nIndex = 2;

var nav_nums;
var ssRunning;
var nPause;
var lastRun;
var fadeComplete = true;

var addlImgs = new Array();
var restartDiv;

var ssPauseTO;

var resumeImg;
var navArwL_div, navArwR_div, navArwL = new Image(), navArwR = new Image();

//var ssWait = 30000;
//var ssPoll = window.setInterval("ssPoller()",ssWait);


var ceibw;
var main_div, ss_p, ss_div, title_cntr, nTitle, cTitle;//, ssToggle_a,
var thms_div, thms_tbl, thms_tr = new Array(), thms_tds = new Array(), thms_as = new Array(), thms = new Array();
var info_img;


function ss_init(arg) {
	thms_div = d.getElementById('thms_div');
	thms_tbl = d.getElementById('thms_tbl');
	thms_tr = thms_tbl.getElementsByTagName('tr');	
	if(!d.getElementById || !d.createElement)return;
	ceibw = d.getElementById("ceibw");
	main_div = d.getElementById("main_div");
//	makeRestartDiv();
	navArwL_div = d.getElementById('navArwL_div');
	navArwL = d.getElementById("navArwL_img");
	navArwR_div = d.getElementById('navArwR_div');
	navArwR = d.getElementById("navArwR_img");
	nav_nums = d.getElementById("nav_nums");
	info_img = d.getElementById("info_img");
	ss_p = d.getElementById("ss_p");
	ss_div = d.getElementById('ss_div');
	title_cntr = d.getElementById('title_cntr');
	cTitle = d.getElementById('cTitle');
	nTitle = d.getElementById('nTitle');
							 

	//set up initial batch of imgs to run while the rest download in the background
	if(arg == 0) { //this is the initial run
		var preload = 9; //never preload more than 9 images for this site
		if(preload > imageFilenames.length) preload = imageFilenames.length;
		for(var i = 1; i < preload; i++) {// get the first of each photog's img group in slideshowSettings.js
			imgs[i] = new Image();
			imgs[i].style.visibility = "hidden";
			imgs[i].src = sPicsFolder + imageFilenames[i];
			imgs[i].onclick = function() { ssPause(1); }
			ss_p.appendChild(imgs[i]);
			//populate the thumbnails table for this portfolio
			thms_tds[i] = d.createElement('td');
			thms_as[i] = d.createElement('a');
			thms_as[i].href = "#";
			thms[i] = new Image();
			thms[i].src = thmsFolder + "/" + thumbFilenames[i];
			thms[i].alt = i;
			thms[i].onclick = function thmclk() { 
				window.clearTimeout(ssRunning);
				if(fadeComplete == false) {
					//do nothing 
				} else {
					nIndex = parseInt(this.alt);
					nPause = 'paused';
					//ssRunning = window.setTimeout("shw_fade("+current+","+nIndex+",'paused');", 250);
					getImgsToFade(current,nPause,nIndex);
				}
			}
			thms_tr[0].appendChild(thms_tds[i]);
			thms_tds[i].appendChild(thms_as[i]);
			thms_as[i].appendChild(thms[i]);
		}
	}

	if(arg == 1) { //this is the auto restart run
		ss_p.innerHTML = '';
		for(var i = 1; i < thumbFilenames.length; i++) {// get the first of each photog's img group in slideshowSettings.js
			imgs[i] = new Image();
			imgs[i].style.visibility = "hidden";
			imgs[i].src = sPicsFolder + imageFilenames[i];
			imgs[i].onclick = function() { ssPause(1); }
			ss_p.appendChild(imgs[i]);
			//populate the thumbnails table for this portfolio
			thms_tds[i] = d.createElement('td');
			thms_as[i] = d.createElement('a');
			thms_as[i].href = "#";
			thms[i] = new Image();
			thms[i].src = thmsFolder + "/" + thumbFilenames[i];
			thms[i].alt = i;
			thms[i].onclick = function thmclk() { 
				window.clearTimeout(ssRunning);
				if(fadeComplete == false) {
					//do nothing 
				} else {
					nIndex = parseInt(this.alt);
					nPause = 'paused';
					//ssRunning = window.setTimeout("shw_fade("+current+","+nIndex+",'paused');", 250);
					getImgsToFade(current,nPause,nIndex);
				}
			}
			thms_tr[0].appendChild(thms_tds[i]);
			thms_tds[i].appendChild(thms_as[i]);
			thms_as[i].appendChild(thms[i]);
		}
	}
	
	// resize the thumbs table for pretty layout
	newThmsTblW = Math.round((thms_div.offsetWidth / thmsPerPg) * (thms.length));
	if(newThmsTblW < thms_div.offsetWidth) newThmsTblW = thms_div.offsetWidth-2;
	thms_tbl.style.width = (newThmsTblW - (3*thms.length)) +'px';
	
	CSBfleXcroll('thms_div');
	

	// position the images
	for(var i = 1; i < imgs.length; i++) {
		posImgs(i);
	}
	//start slideshow
	if (arg == 0) {
		if(imageFilenames.length < preload) return;
		safeStart(1);
		addImages();
	} else if ((arg == 1) || (arg == 2)) {
//		if (hSlideIsUp == true) { hSlide(); }
		safeStart(1);
	}
	
	return ssRunning;
}

//////var ceibwW, ceibwH;
//////function getCeibwGeom() {
//////	if((Geom.getInnrW() * .96) < 980) {
//////		ceibwW = 980;
//////	} else { 
//////		ceibwW = Geom.getInnrW() * .96;
//////	}
//////	if((Geom.getInnrH() * .99) < 600) {
//////		ceibwH = 600;
//////	} else { 
//////		ceibwH = Geom.getInnrH() * .99;
//////	}
//////	return ceibwW, ceibwH;
//////}
//////function rszImgs() {
//////	getCeibwGeom();
//////	ceibw.style.width = ceibwW + 'px';
//////	ceibw.style.height = ceibwH + 'px';
//////	ss_p.style.width = ceibwW*.88-130 + 'px';
//////	ss_p.style.left = 65 + 'px';
//////	ss_p.style.height = '100%';
//////	//resize and re-position the main images
//////	var ss_pW = ss_p.offsetWidth;
//////	var ss_pH = ss_p.offsetHeight;
//////	var rszRate = 1;
//////	for(i = 1; i < imgs.length; i++) {
//////		var imgsW = imgs[i].width;
//////		var imgsH = imgs[i].height;
//////		rszRate = (ss_pH / imgsH).toFixed(2);
//////		if((imgsW * rszRate) > (ss_pW)) {//resize image based on width
//////			rszRate = ss_pW / imgsW;
//////		}
//////		imgs[i].style.width = Math.round(imgsW * rszRate) + 'px';
//////		imgs[i].style.height = Math.round(imgsH * rszRate) + 'px';
//////		imgs[i].style.top = Math.round((ss_pH - imgs[i].offsetHeight) / (2)) + "px";
//////		imgs[i].style.left = Math.round((ss_pW - imgs[i].offsetWidth) / (2)) + "px";
//////	}
//////	// resize the thumbs table for pretty layout
//////	if(thms.length < 16) {
//////		newWfct = .103;
//////	} else {
//////		newWfct = .107;
//////	}
//////	var newThmsTblW = Math.round(thms_div.offsetWidth * thms.length * newWfct);
//////	if(newThmsTblW < thms_div.offsetWidth) newThmsTblW = thms_div.offsetWidth-10;
//////	thms_tbl.style.width = newThmsTblW +'px';
//////
//////}
function posImgs(i) {
	var imgsW = imgs[i].width;
	var imgsH = imgs[i].height;
	if ((imgs[i].width < 50) || (imgs[i].height < 50)) {
		window.setTimeout("posImgs("+i+");",50);
	} else {
		imgs[i].style.visibility = "hidden";
//////		getCeibwGeom();
//////		ceibw.style.width = ceibwW + 'px';
//////		ceibw.style.height = ceibwH + 'px';
//////		if(ss_p.offsetHeight < 430) {
//////			ss_p.style.height = '430px';
//////		}
//////		ss_p.style.width = ceibwW*.88-130 + 'px';
//////		ss_p.style.left = 65 + 'px';
//////		var ss_pW = ss_p.offsetWidth;
//////		var ss_pH = ss_p.offsetHeight;
//////		var rszRate = 1;
//////		rszRate = (ss_pH / imgsH).toFixed(2);
//////		if((imgsW * rszRate) > (ss_pW)) {//resize image based on width
//////			rszRate = ss_pW / imgsW;
//////		}
//////		imgs[i].style.width = Math.round(imgsW * rszRate) + 'px';
//////		imgs[i].style.height = Math.round(imgsH * rszRate) + 'px';
		imgs[i].style.top = Math.round((ss_div.offsetHeight - imgs[i].height) / (2)) + "px";
		imgs[i].style.left = Math.round((ss_div.offsetWidth - imgs[i].width) / (2)) + "px";
		if(i == 1) {
			imgs[1].xOpacity = .99;
			imgs[1].style.filter = "alpha(opacity=99)";
			imgs[1].style.filter = "progid:dximagetransform.microsoft.alpha(opacity=99)";
			imgs[1].style.MozOpacity = ".99";
			imgs[1].style.Opacity = ".99";
//			thms[1].xOpacity = .99;
//			thms[1].style.filter = "alpha(opacity=99)";
//			thms[1].style.MozOpacity = ".99";
//			thms[1].style.opacity = ".99";
			thms[1].style.border = 'rgb(204,0,0) solid 1px';
			thms[1].onmouseover = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
			thms[1].onmouseout = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
		}
		else {
			imgs[i].xOpacity = 0;
			imgs[i].style.filter = "alpha(opacity=0)";
			imgs[i].style.filter = "progid:dximagetransform.microsoft.alpha(opacity=0)";
			imgs[i].style.MozOpacity = "0";
			imgs[i].style.opacity = "0";
//			thms[i].xOpacity = .49;
//			thms[i].style.filter = "alpha(opacity=49)";
//			thms[i].style.MozOpacity = ".49";
//			thms[i].style.opacity = ".49";
			thms[i].style.border = 'rgb(0,0,0) solid 1px';
			thms[i].onmouseover = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
			thms[i].onmouseout = function() { this.style.border = 'rgb(0,0,0) solid 1px'; };
		}
		imgs[i].style.visibility = "visible";
	}
}




function safeStart(n) {
	if(n >= imgs.length) { //this code block only happens when all the images have loaded.
		current = 1;
		nIndex = 2;
		if(fadeComplete == true) {
			if (ssRunning) { clearTimeout(ssRunning); }
			// turn on the first image and turn off the loading gif
			imgs[1].style.visibility = "visible";
			// set up the nav nums
			if (current.toString().length == 1) { var nav_spcs = "&nbsp;&nbsp;" } 
			else { var nav_spcs = "&nbsp;"; }
			nav_nums.innerHTML = nav_spcs + current +"&nbsp;/&nbsp;" + (imgs.length - 1);
			// set up the img title	
			cTitle.innerHTML = imageTitles[current];
			nTitle.innerHTML = imageTitles[nIndex];
			return current, nIndex;
		} else {
			window.setTimeout("safeStart("+n+")", 25);
			return n;
		}
	}
	if (imgs[n].complete == false) {
		window.setTimeout("safeStart("+n+")", 250);
	} else {
		n++;
		safeStart(n);
	}
}


function addImages() {
	//repopulate ss_p with all images
	for (var i = 1; i < imageFilenames.length; i++) {
		addlImgs[i] = new Image();
		addlImgs[i].style.visibility = "hidden";
		addlImgs[i].src = sPicsFolder + imageFilenames[i];
	}
	chkAddlImgs(1);
}
function chkAddlImgs(n) {
	if (n >= addlImgs.length) {// all images loaded
		ssRestart(0);
		return;
	}
	if (addlImgs[n].complete == false) {
		window.setTimeout("chkAddlImgs("+n+")", 250);
	} else {
		n++;
		chkAddlImgs(n);
	}
}



//var rsMsg = '';
//function restartWait(n, count, rsMsg) {
//	if (!rsMsg) { rsMsg = ''; }
//	if (!count) { count = 0; }
//	if (count > n) {
//		restartDiv.innerHTML = '';
//	} else { 
//		restartDiv.innerHTML = rsMsg;
//		count++;
//		window.setTimeout("restartWait("+n+","+count+",'"+rsMsg+"')", 250);
//	}
//			
//}
//function makeRestartDiv() {//create a div for a temporary displayed message
//	restartDiv = d.createElement('div');
//	restartDiv.style.position = "absolute";
//	restartDiv.style.bottom = "0px";
//	restartDiv.style.width = "100%";
//	restartDiv.style.height = "auto";
//	restartDiv.style.margin = "0 auto";
//	restartDiv.style.textAlign = "center";
////	restartDiv.innerHTML = "slideshow restarting...";
//	main_div.appendChild(restartDiv);
//}
function ssRestart(n) {
	if (fadeComplete == true) {
		if (n == 0) {
			ssStop();
			imgs = addlImgs;
			addlImgs = new Array();
			for (var i = 1; i < imgs.length; i++) {
				d.getElementById('ss_p').appendChild(imgs[i]);
			}
			current = 1;
			nIndex = 2;
			lastRun = new Date();
			ss_init(1);
			
			return current, nIndex;
		} else if ((n == 1) || (n ==2))  {
//			if (current == 1) { //return;
//				rsMsg = '';
//				resumeToggle = 'paused';
//				ssResume();
//			} else {
//				rsMsg = 'slideshow restarting . . .';
//				ss_init(n);
//				nPause = 'paused';
//				ssResume();
//			}
			return ;
		}
//		restartWait(3,0,rsMsg);
	} else {
		window.setTimeout("ssRestart("+n+")", 25);
	}
}


function ssStop() {
	if (fadeComplete == true) {
		window.clearTimeout(ssRunning);
		for (var i = 1; i < imgs.length; i++) {
			d.getElementById('ss_p').removeChild(imgs[i]);
		}

		imgs = new Array();
		var tdsToRem = thms_tr[0].getElementsByTagName('td');
		for (var ti = 0; ti < tdsToRem.length; ti++) {
			var tas = tdsToRem[ti].getElementsByTagName('a');
			var timg = tas[0].getElementsByTagName('img');
			tas[0].removeChild(timg[0]);
			tdsToRem[ti].removeChild(tas[0]);
		}
		for (var ti = 0; ti < tdsToRem.length; ti++) {
			thms_tr[0].removeChild(tdsToRem[ti]);
		}
	} else {	
		window.setTimeout("ssStop()", 25);
	}
}


		

var dir;
function ssPause(dir_arg) { 
	if (fadeComplete == true) {
		window.clearTimeout(ssPauseTO);
		window.clearTimeout(ssRunning);
		nPause = 'paused';
		dir = dir_arg;
		getImgsToFade(current, nPause);
		return nPause, ssRunning, dir;
	}
	else { // try again later
		ssPauseTO = window.setTimeout("ssPause()", 25);
		return ssPauseTO;
	}
}




var resumeToggle = '';
function ssResume() {
	if (fadeComplete == true) {
		window.clearTimeout(ssRunning);
		window.clearTimeout(ssPauseTO);
		if ((!nPause) || (nPause == 'paused')) {
			nPause = 'resume';
			resumeToggle = 'run';
		} else if (nPause == 'run') { 
			nPause = 'resume';
			resumeToggle = 'paused';
		} else if (nPause == 'resume') {
			if (resumeToggle == 'run') {
				resumeToggle = 'paused';
			} else {
				resumeToggle = 'run';
			}
		}
		getImgsToFade(current, nPause);
		return nPause, resumeToggle, ssPoll;
	} else {
		window.setTimeout("ssResume()", 25);
	}
}






//auto scroll the thumbs into view if necessary...
function scrollThms(fadingIn) {
	var thmScrSpeed = 4, thmScrCorr = 0, thmLmin = thms[2].offsetParent.offsetLeft, thmLmax = thms[thmsPerPg-1].offsetParent.offsetLeft, thmPos = thms_tbl.offsetParent.offsetLeft + thms[fadingIn].offsetParent.offsetLeft, thmScrAmt, scrL = false, thmAutoScr, i;
	if (thmPos < thmLmin) {
		thmScrAmt = thmLmin - thmPos;
		scrL = true
	} else if (thmPos > thmLmax) {
		thmScrAmt = thmPos - thmLmax;
	} else { 
		thmScrAmt = 0;
		return;
	}
	if (thmScrAmt > 500) {
		thmScrSpeed *= 5;
	}
	for(i = 0; i < Math.ceil(thmScrAmt/thmScrSpeed) + thmScrCorr; i++) {
		if (scrL) {
			thmAutoScr = window.setTimeout("fleXcrollTo('thms_div','-"+thmScrSpeed+"px',false,true);", i*20);
		} else {
			thmAutoScr = window.setTimeout("fleXcrollTo('thms_div','"+thmScrSpeed+"px',false,true);", i*20);
		}
	}
}


function getImgsToFade(current, nPause, nIndex) {
	var fadingOut = current, fadingIn;
	if (nIndex) {  // direct call, we know what imgs to fade...
		fadingIn = nIndex;
		if (ssRunning) window.clearTimeout(ssRunning);
		nTitle.innerHTML = imageTitles[fadingIn];
		scrollThms(fadingIn);
		ssRunning = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'paused');", 250);
	} else {
		var fadingIn;
		if (nPause == 'paused') { // back/next call, via ssPause(dir)
			if (ssRunning) window.clearTimeout(ssRunning);
			if (current+dir < 1) {
				fadingIn = imgs.length-1;
			} else {
				fadingIn = imgs[current + dir]?current+dir:1;
			}
			nTitle.innerHTML = imageTitles[fadingIn];
			scrollThms(fadingIn);
			ssRunning = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'paused');", 500);
		} else if (nPause == 'resume') { // resume call, run from current image
			fadingIn = imgs[current+1]?current+1:1;
			nPause = resumeToggle;
			if (resumeToggle == 'paused') {
				if (ssRunning) window.clearTimeout(ssRunning);
			} else {
				nTitle.innerHTML = imageTitles[fadingIn];
				scrollThms(fadingIn);
				ssRunning = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'"+resumeToggle+"');", 2000);
			}
		} else if (nPause == 'run') { // auto-run call
			fadingIn = imgs[current+1]?current+1:1;
			nTitle.innerHTML = imageTitles[fadingIn];
			window.setTimeout("scrollThms("+fadingIn+");", 2225);
			ssRunning = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'run');", 3000);
		}
	}
	
	nIndex = fadingIn;
	return current, nIndex, nPause, ssRunning;
}
	


var cThmBC = 204;
var nThmBC = 0;
function shw_fade(current_arg,nIndex_arg,nPause) { 
	var fading, fadingOut = current_arg, fadingIn = nIndex_arg;
	if(fadingOut == fadingIn)return;
	if(!imgs[fadingIn])return;
	// increment the opacity of each image
	cOpacity = imgs[fadingOut].xOpacity;
	nOpacity = imgs[fadingIn].xOpacity;
	cOpacity-=.09; 
	cOpacity.toFixed(2);
	nOpacity+=.09; 
	nOpacity.toFixed(2);
	
	cThmBC -= 20;
	if(cThmBC < 0) cThmBC = 0;
	thms[fadingOut].style.border = 'rgb('+cThmBC+',0,0) solid 1px';
	nThmBC += 20;
	if(nThmBC > 204) nThmBC = 204;
	thms[fadingIn].style.border = 'rgb('+nThmBC+',0,0) solid 1px';
	
//	ctOpacity = thms[fadingOut].xOpacity;
//	ntOpacity = thms[fadingIn].xOpacity;
//	ctOpacity-=.05;
//	ctOpacity.toFixed(2);
//	ntOpacity+=.05;
//	ntOpacity.toFixed(2);
	imgs[fadingOut].xOpacity = cOpacity;
	imgs[fadingIn].xOpacity = nOpacity;
	set_Opacity(imgs[fadingOut]);
	set_Opacity(imgs[fadingIn]);
	cTitle.xOpacity = cOpacity;
	nTitle.xOpacity = nOpacity;
	set_Opacity(cTitle);
	set_Opacity(nTitle);
//	thms[fadingOut].xOpacity = ctOpacity;
//	thms[fadingIn].xOpacity = ntOpacity;
//	set_tOpacity(thms[fadingOut]);
//	set_tOpacity(thms[fadingIn]);
	// things to do one time when the xfade is complete
	if ((cOpacity <= 0) || (nOpacity >= 1)) {
		//force xfade to complete
		imgs[fadingOut].xOpacity = -1;
		imgs[fadingIn].xOpacity = .99;
		// set up the thms 
		thms[fadingOut].style.border = 'rgb(0,0,0) solid 1px';
		thms[fadingOut].onmouseover = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
		thms[fadingOut].onmouseout = function() { this.style.border = 'rgb(0,0,0) solid 1px'; };
		thms[fadingIn].style.border = 'rgb(204,0,0) solid 1px';
		thms[fadingIn].onmouseover = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
		thms[fadingIn].onmouseout = function() { this.style.border = 'rgb(204,0,0) solid 1px'; };
		cThmBC = 204;
		nThmBC = 0;
		//thms[fadingIn].xOpacity = .99;
		set_Opacity(imgs[fadingOut]);
		set_Opacity(imgs[fadingIn]);
//		set_tOpacity(thms[fadingOut]);
//		set_tOpacity(thms[fadingIn]);
		
		cTitle.innerHTML = nTitle.innerHTML;
		cTitle.xOpacity = .99;
		set_Opacity(cTitle);
		nTitle.xOpacity = 0;
		set_Opacity(nTitle);
				
		fadingOut = fadingIn;
		lastRun = new Date();
		fadeComplete = true;
		if (nPause == 'run') {
			getImgsToFade(fadingOut, nPause);
			resumeImg = fadingOut;
		}
		current = fadingOut;
		//set up the nav nums
		if (current.toString().length == 1) { var nav_spcs = "&nbsp;&nbsp;" } 
		else { var nav_spcs = "&nbsp;"; }
		nav_nums.innerHTML = nav_spcs + current +"&nbsp;/&nbsp;" + (imgs.length - 1) + "&nbsp;&nbsp;";
		// set up the img title	
		//img_title.innerHTML = imageTitles[current];
	} else {
		fadeComplete = false;
		if (nPause == 'paused') { 
			fading = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'paused')", 50);//<-larger value here = slower fade
		} else { // if (nPause == 'run') {
			fading = window.setTimeout("shw_fade("+fadingOut+","+fadingIn+",'run')", 50);//<-larger value here = slower fade
		}
	}
	
	function set_Opacity(obj) {
		if(obj.xOpacity > .99) {
			obj.xOpacity = .99;
		}
		if(obj.xOpacity < 0) {
			obj.xOpacity = 0;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
//	function set_tOpacity(obj) {
//		if(obj.xOpacity > .99) {
//			obj.xOpacity = .99;
//		}
//		if(obj.xOpacity < .50) {
//			obj.xOpacity = .50;
//		}
//		obj.style.opacity = obj.xOpacity;
//		obj.style.MozOpacity = obj.xOpacity;
//		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
//	}
}



//poll to see if the slideshow stalled 
//function ssPoller(arg) {//alert('ssPoller');
//	var rnow = new Date();
//	if ((rnow - lastRun) > ssWait) {
//		window.clearTimeout(ssRunning);
//		if(fadeComplete !== true) {
//			return;
//		}
//		else {
//			ssResume();
//		}
//	}
//}



//------------------- scrolling function for thumbs div ---------------------
function fleXcrollTo(id,x,y,relative) {
	var scrollDiv = document.getElementById(id);
	//Return if the target is null
	if (scrollDiv == null) return;
	//Do the scroll by using custom method attached by fleXcroll
	//but first check if the method exists.
	if(scrollDiv.contentScroll) { 
		scrollDiv.contentScroll(x,y,relative);
	}
}

// for the thumbs arrows
var scr;
function contScroll(n) {
	scr=window.setInterval("fleXcrollTo('thms_div','" + n*4 + "px',false,true)",20);
}
function stopScroll() {
	window.clearInterval(scr);
}

//-----------------------------------------------------------------------------
