var currentimage = 0;
var oTimer;

banpics = new Array();	
banpics[0] = "windowf_before";
banpics[1] = "windowf_after";
banpics[2] = "wallshelff_before"
banpics[3] = "wallshelff_after"
banpics[4] = "studyf_before"
banpics[5] = "studyf_after"
banpics[6] = "boysbed_before"
banpics[7] = "boysbed_after"
banpics[8] = "fireplacef_before"
banpics[9] = "fireplacef_after"
banpics[10] = "girlbedf_before"
banpics[11] = "girlbedf_after"
banpics[12] = "childsdeskf_before"
banpics[13] = "childsdeskf_after"
banpics[14] = "clockf_before"
banpics[15] = "clockf_after"
banpics[16] = "entrywayf_before"
banpics[17] = "entrywayf_after"
banpics[18] = "bathtub f_before"
banpics[19] = "bathtub f_after"
banpics[20] = "frontdoorf_before"
banpics[21] = "frontdoorf_after"

function nextClick(){
	if (currentimage < banpics.length-1) 
		currentimage = currentimage + 1;
	else 
		currentimage = 0;
		
	clearTimeout(oTimer);
	initImageFast('/img/' + banpics[currentimage] + '.jpg');
	//document.getElementById('theImg').src = '/img/' + banpics[currentimage] + '.jpg';
	return false;
}

function backClick(){
	if (currentimage > 0) 
		currentimage = currentimage - 1;
	else 
		currentimage = banpics.length-1;
		
	clearTimeout(oTimer);
	initImageFast('/img/' + banpics[currentimage] + '.jpg');
	//document.getElementById('theImg').src = '/img/' + banpics[currentimage] + '.jpg';
	return false;
}

function nextImg(){
	image = document.getElementById('theImg');
	
	if (currentimage < banpics.length-1) 
		currentimage = currentimage + 1;
	else 
		currentimage = 0;
	
	initImage(banpics[currentimage]);
}

function initImageFast(imgName){
	imageId = 'theImg';
	image = document.getElementById(imageId);
	image.src=imgName;
	oTimer = window.setTimeout("nextImg()", 7000);
}

function initImage(imgName) {
	imageId = 'theImg';
	image = document.getElementById(imageId);
	image.src='/img/' + imgName + '.jpg';
	setOpacity(image, 0);
	image.style.visibility = 'visible';
	fadeIn(imageId,0);
	oTimer = window.setTimeout("nextImg()", 7000);
}

function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
	
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
	
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
	
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
	
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
if (document.getElementById) {
	obj = document.getElementById(objId);
	if (opacity <= 100) {
	setOpacity(obj, opacity);
	opacity += 10;
	window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 150);
	}
}
}