// PreloadSwapImages Version 1.1
// All navigation elements named like <IMG name='Navigat_01'....>
// "active state": NavigatAct_01, NavigatAct_02, etc. (acc. to Photoshop´s Slice numbering system)
// "passive state": NavigatPas_01, NavigatPas_02, etc.
// All images are located in a separate folder called 'Navigation'

//--------------------------------------------------------------	
var ArrSize = 10		// Total number of navigation elements

//   Note: Different sizes of Navigation elements!
//   var xSize = 100		// Horizontal size of navigation elements (pixels)
//   var ySize = 40		// Vertical size of navigation elements (pixels)

var LocationAct = 'Navigation/NavigatAct_'
var LocationPas = 'Navigation/NavigatPas_'
//--------------------------------------------------------------

// Converts Integer to String, 1-digit values get a leading zero	
function IntToString(myNumber)  {
	if (myNumber < 10)  {
		myString = '0' + myNumber.toString()
	}
	else  {
		myString = myNumber.toString()
	}
return(myString)
}	

// Preoads "Active" images into an Array
var ArrActImages = new Array
	for (i=1; i<ArrSize+1; i++)  {
		var imageName = 'Navigat_' + IntToString(i)
		ArrActImages[imageName] = new Image ()
		ArrActImages[imageName].src = LocationAct + IntToString(i) + '.gif'
	}

// Preloads "Passive" images into an Array
var ArrPasImages = new Array
	for (i=1; i<ArrSize+1; i++)  {
		imageName = 'Navigat_' + IntToString(i)
		ArrPasImages[imageName] = new Image ()
		ArrPasImages[imageName].src = LocationPas + IntToString(i) + '.gif'
	}

// Swaps to "Active" state of image
function showActImg(imageName)  {
	if (document.images) {
	document.images[imageName].src = ArrActImages[imageName].src
	}
}

// Swaps to "Passive" state of image
function showPasImg(imageName)  {
	if (document.images) {
	document.images[imageName].src = ArrPasImages[imageName].src
	}
}