var transImg;

var topimgused = 0;
var topimgload = 0;
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
function window_onload()
{
// Now we assign the images
  var i, imageno, j;
  var ix = new Array;
  var imgObj;

// Count the images
  for (imageno = 0 ; getScrObj("topImg" + imageno); imageno++)
	;
  topimgused = imageno - 1;

  for (imageno = 0 ; imgObj = getScrObj("topImg" + imageno); imageno++)
  {
	while(1)
	{
		ix[imageno] = Math.floor(Math.random() * 23);
		for (j = 0 ; j < imageno ; j++)
		{
			if (ix[imageno] == ix[j])
				break;
		}
		if (j >= imageno)
			break;
	}
	if(imgObj.attachEvent)
		imgObj.attachEvent("onload", imgload);
	else
		imgObj.onload = imgload();
	imgObj.src = "images/Imgtop" + ix[imageno] + ".jpg";
  }


  for (i = 0 ; imgObj = getScrObj("fillerImg" + i) ; i++)
  {
     j = Math.floor(Math.random() * 23);
     imgObj.src = "images/Imgtop" + j + ".jpg"
     imgObj.style.visibility = "visible"
  }

// Now see if there are any image transformations to set up
  if (transImg == undefined)
	return;
  if (!transImg)
	return;

   var im;
   var myimgset = new Object;
   var myimgt = new Object;
   for (imgSet = 0 ; imgSet < transImg.length ; imgSet++)
   {
	myimgset = transImg[imgSet];
	if (myimgset.desc[0])
	{
		myimgt = getScrObj("tImg" + myimgset.id + "t");
		myimgt.innerText = myimgset.desc[0];
	}
   }
   setTimeout(doTrans, 6000);

   return;


}

function imgload()
{
//topimgused is 0 if one image has been used.
//we count the images loaded

	topimgload++;
	if (topimgload == topimgused + 1)
		movetopimages()
}



function movetopimages()
// Now that the top images have all loaded, work out where to move them to
{
// The total width we have to play with is totwidth
  var totwidth = document.body.clientWidth;
//  var usedwidth= document.all["spiretop"].clientWidth;
  var usedwidth = 0;
  var freewidth;
// Now we accumulate their widths

 var offtop = 0;
 var offleft = 0;
 var imagestartleft;
 var imgObj, imgObjs;
 var myobj = getScrObj("dummy");
 while(1)
 {
	offtop += myobj.offsetTop;
	offleft += myobj.offsetLeft;
	if (myobj.parentElement)
		myobj = myobj.parentElement
	else
		break;
 }
  offtop -= 4;
  freewidth = totwidth - usedwidth - offleft;
  imagestartleft = offleft + usedwidth;
  usedwidth = 0;

  var imageno, i, j;
  var wid = 0;
  for (imageno = 0 ; imageno <= topimgused; imageno++)
  {
	tmp1 = usedwidth + getScrObj("topImg" + imageno).clientWidth;
	if (tmp1 > freewidth)
	{
// Forget the last image
		break;
	}
	usedwidth = tmp1;
   }

   imageno--;
   if(is_chrome)
	getScrObj("dummy").height = 1;
// Work out the gaps to use.
// If a gap unit is g, and the spire is s, and x and y are unknown, we want
// 1g2g3g4g5g
	var totg = imageno + 1;
	var gwidth = parseInt((freewidth - usedwidth) / totg);
	var curleft = imagestartleft;
	for (i = 0 ; i <= imageno ; i++)
	{
		if (i) curleft += gwidth;
		imgObj = getScrObj("topImg" + i);
	//	imgObjs = getScrObj("topImgs" + i);

	//	imgObjs.style.top = offtop;
	//	imgObjs.style.left = curleft;

		curleft += imgObj.clientWidth;
		if(is_chrome)
			imgObj.style.position = "relative";

		imgObj.style.visibility = "visible";
	}

}


var showedMess = 0;
function decormess()
{
	if (++showedMess > 10)
		return;
	if (!getScrObj("message"))
		document.body.insertAdjacentHTML('beforeEnd','<div id=message class=smalltext style="position:absolute;top:0;left:0;visibility:hidden;background-color:white;z-index:200">These images are of small decorative elements to be found in and around Wesley Church</div>')
	var myobj = getScrObj("message").style;
	myobj.left = event.clientX;
	myobj.top = event.clientY;
	myobj.visibility = 'visible'
}

function hidemess()
{
	if (!getScrObj("message"))
		return;
	getScrObj("message").style.visibility = 'hidden';
}

function doTrans()
{
   var i, im;
   var myimgd = new Object;
   var myimg = new Object;
   var myimgset = new Object;
   var myimgt = new Object;
   for (imgSet = 0 ; imgSet < transImg.length ; imgSet++)
   {
	myimgset = transImg[imgSet];
	myimgd = getScrObj("tImg" + myimgset.id + "d");
	myimg =  getScrObj("tImg" + myimgset.id);

	if (!myimgd.filters)
	{
		i = myimgset.iCur;
		if (isNaN(i))
			i = 0;
		im = myimgset.iMax;
		i++;;
		if (i > im)
			i = 0;
		myimgset.iCur = i;

		myimg.src = "images/tImg" + myimgset.id + i + ".jpg"
		if (myimgset.desc[0])
		{
			myimgt = getScrObj("tImg" + myimgset.id + "t");

			myimgt.innerText = myimgset.desc[i];
		}
		continue;
	}
	i = myimgd.getAttribute("iCur");
	im = myimgd.getAttribute("iMax");

	i++;;
	if (i > im)
		i = 0;
	myimgd.setAttribute("iCur", i);
	myimgset.iCur = i;
	myimgd.filters[0].apply();
	myimg.src = "images/tImg" + myimgset.id + i + ".jpg"
	myimgd.filters[0].play();
	if (myimgset.desc[0])
	{
		myimgt = getScrObj("tImg" + myimgset.id + "t");
		myimgt.innerText = myimgset.desc[i];
	}
   }
   setTimeout(doTrans, 6000);
}

function getScrObj(objname)
{
  if (document.all)
	return document.all[objname];
  return document.getElementById(objname);
}

function resize_box()
{
	window.status += "resize ";
//alert("resize");
}

function resizeend_box()
{
	window.status += "resizend ";
//alert("resizend");
}