//The power of hand coding - easy to read and functional - over machine generated trash - Nick Hind 0208 8111 368 - Aug 2006
//Simple image rollover function for most pages
//Initialise with say myRollover = new getRollover("myRollover")
function getRollover()	{
//Preload images 
	this.arrImages = new Array()
	this.arrImages[0] = new Image()
	this.arrImages[1] = new Image()
	this.arrImages[0].src = "SharedImages/NTB1.gif"
	this.arrImages[1].src = "SharedImages/NTB2.gif"	
}
//------------------------------------------------- rollover() ------------
getRollover.prototype.rollover = function(imgName,cacheIndex)	{
//Reference the array to swap images
	document.images[imgName].src = this.arrImages[cacheIndex].src
}

//------------------------------------------------- getPageRollover()

function getPageRollover()	{
//Preload images 
	this.arrImages = new Array()
	this.arrImages[0] = new Image()
	this.arrImages[1] = new Image()
	this.arrImages[0].src = "SharedImages/NavTopWide1.gif"
	this.arrImages[1].src = "SharedImages/NavTopWide2.gif"	
}
//------------------------------------------------- rollover() ------------
getPageRollover.prototype.rollover = function(imgName,cacheIndex)	{
//Reference the array to swap images
	document.images[imgName].src = this.arrImages[cacheIndex].src
}
//-------------------------------------------------- getThumbs() ----------
//Slightly more complex function for the thumbnail images

function getThumbs(numOfImages,numToDisplay,objName)	{
// should really divide into a whole number 12 / 4 or 8 / 4 or 16 / 4
// did not use objName one in the end so it has to be myThumbs = new getThumbs()
	this.objName = objName 
	this.imageCursor = 1
	this.cursorMax = numOfImages / numToDisplay
	this.numOfImages = numOfImages
	this.numToDisplay = numToDisplay
	this.setMessage()
	
	
	this.arrImages = new Array()
	for(i=0;i<8;i++) 	{
 		this.arrImages[i] = new Image()
	}
	var s = "../../SharedImages/"
	this.arrImages[0].src = s + "NTB1.gif"
	this.arrImages[1].src = s + "NTB2.gif"
	this.arrImages[2].src = s + "navNext1.gif"
	this.arrImages[3].src = s + "navNext2.gif"
	this.arrImages[4].src = s + "navNext3.gif"
	this.arrImages[5].src = s + "navPrev1.gif"
	this.arrImages[6].src = s + "navPrev2.gif"
	this.arrImages[7].src = s + "navPrev3.gif"
}
getThumbs.prototype.disableNext = function(){
	document.getElementById("navNext").innerHTML = '<img src="../../SharedImages/navNext3.gif" width="50" height="50">'	
}
getThumbs.prototype.disablePrev = function(){
	document.getElementById("navPrev").innerHTML = '<img src="../../SharedImages/navPrev3.gif" width="50" height="50">'	
}
getThumbs.prototype.enableNext = function()	{
	var q = "'"
	document.getElementById("navNext").innerHTML = '<a href="#mainPicture" onClick="myThumbs.getNext();window.status='+q+q+';return true" onMouseOver="myThumbs.rollover('+q+'next'+q+',2);window.status='+q+'next'+q+';return true" onMouseOut="myThumbs.rollover('+q+'next'+q+',3);window.status='+q+q+';return true"><img src="../../SharedImages/navNext2.gif" width="50" height="50" border="0" name="next"></a>'
}

getThumbs.prototype.enablePrev = function()	{
	var q = "'"
	document.getElementById("navPrev").innerHTML = '<a href="#mainPicture" onClick="myThumbs.getPrev();window.status='+q+q+';return true" onMouseOver="myThumbs.rollover('+q+'prev'+q+',5);window.status='+q+'previous'+q+';return true" onMouseOut="myThumbs.rollover('+q+'prev'+q+',6);window.status='+q+q+';return true"><img src="../../SharedImages/navPrev2.gif" width="50" height="50" border="0" name="prev"></a>'
}

getThumbs.prototype.setMessage = function() {
// Not used for now
	var intStart = this.getStartImage()
	var strMsg = intStart + " - " + (intStart + this.numToDisplay -1) + "&nbsp; of  &nbsp;" + this.numOfImages
	//if(this.imageCursor == 1) { strMsg = 1 + " to " + this.numToDisplay }
	document.getElementById("message").innerHTML = strMsg
}
getThumbs.prototype.getStartImage = function()	{
	//(lower * higher) - (higher + 1)
	var imgStart = ((this.imageCursor * this.numToDisplay) - this.numToDisplay) +1
	return imgStart
}

getThumbs.prototype.setThumbs = function()	{
	var j = 1
	var q = "'"
	var elName = "tn"
	var s = this.getStartImage()
	for(i=s;i < (this.numToDisplay + s); i++)	{
		document.getElementById(elName +j ).innerHTML = '<a href="#mainPicture"  onMouseOver="myThumbs.setTnStatus('+i+');return true"  onMouseOut="window.status='+q+q+';return true" onClick="myThumbs.getMainImage(' + q +  i +'.jpg' + q + ')"><img src="tn' + i +'.jpg"  border="0">'
		j++
	}
}

//--------------------------------------------------- getNext() ----------
getThumbs.prototype.getNext = function()	{
	if(this.imageCursor < this.cursorMax)	{ this.imageCursor ++ } 
	if(this.imageCursor == this.cursorMax)	{
	//Disable the next button
	this.disableNext()
	}
	if(this.imageCursor == 2) {
	//Enable the back button
	this.enablePrev()	
	}
	this.setThumbs()
	this.setMessage()
}
//--------------------------------------------------- getPrev() -----------
getThumbs.prototype.getPrev = function()	{
	if(this.imageCursor > 1)	{ this.imageCursor -- } 
	if(this.imageCursor == 1)	{
	//Disable the back button
	this.disablePrev()
	}
	if(this.imageCursor == this.cursorMax - 1) {
	//Enable the next button
	this.enableNext()	
	}		
	this.setThumbs()
	this.setMessage()	

}
//------------------------------------------------- getMainImage() --------

getThumbs.prototype.getMainImage = function(newImage) 	{
  	var imgStr = "<img src=" + "'" + newImage + "' " +  "border='0'>"
	document.getElementById("mainImage").innerHTML = imgStr
}

//------------------------------------------------- rollover() ------------
getThumbs.prototype.rollover = function(imgName,cacheIndex)	{
	document.images[imgName].src = this.arrImages[cacheIndex].src
}

//--------------------------------------------------- setStatus() ---------
getThumbs.prototype.setTnStatus = function(imgNum)	{
	window.status = "image number " + imgNum;
	
}

getThumbs.prototype.setImgLinkStatus = function()	{
	window.status = "view all " + this.numOfImages + " images below "
}

//----------------------------------------------------- SetWindow()

//--------------------------------------------------- End ------------------


-->