window.myVar = 0

window.onload = function doTheStuff(imageId) {
	//firdom();
	initGrey('thephoto1_0')
	window.setTimeout("initImage('thephoto1_1')",450)
	window.setTimeout("doTheStuff(imageId)",500)
	
}
function doTheStuff(imageId) {
	
	if (window.myVar==0)	{
	//fade up images
	window.setTimeout("initImage('thephoto1_1')",10)
	window.setTimeout("initImage('thephoto1_2')",8000)
	window.setTimeout("initImage('thephoto1_3')",16000)
	//window.setTimeout("initImage('thephoto1_4')",12000)

	// fade in 7 - which is actually picture number 1
	window.setTimeout("initImage('thephoto1_4')",24000)
	
	// switch iamges off
	window.setTimeout("hide('thephoto1_1')",26000)
	window.setTimeout("hide('thephoto1_2')",26000)
	window.setTimeout("hide('thephoto1_3')",26000)
	window.setTimeout("hide('thephoto1_4')",28000)

	}
	
	//loop
	window.setTimeout("doTheStuff(imageId)",26000)
}


function goto1()	{
	window.myVar = 1
	//window.setTimeout("rehide('thephoto1_1')",50)
	rehide('thephoto1_2')
	rehide('thephoto1_3')
	rehide('thephoto1_4')
	unhide('thephoto1_1')
	window.setTimeout("unhide('thephoto1_1')",100)
}
function goto2()	{
	window.myVar = 2
	rehide('thephoto1_1')
	//window.setTimeout("rehide('thephoto1_2')",50)
	rehide('thephoto1_3')
	rehide('thephoto1_4')
	unhide('thephoto1_2')
	window.setTimeout("unhide('thephoto1_2')",100)
}
function goto3()	{
	window.myVar = 3
	rehide('thephoto1_1')
	rehide('thephoto1_2')
	rehide('thephoto1_4')
	unhide('thephoto1_3')
	//window.setTimeout("rehide('thephoto1_3')",50)
	window.setTimeout("unhide('thephoto1_3')",100)
}