//--------------------------------------------------
// start: number image loading
//--------------------------------------------------
// NOTE: 	 	'numInfoArray'
//					'defaultText'
//					'imgData'
//					'imgDir'
//					'currentImg' 
//
// defined on .html page before loading these functions 
//
numCount = numInfoArray.length;
	
	numImgArrayOn = new Array();	
	numImgArrayOff = new Array();	
	numImgTextArray = new Array();


	var currentImg =0								
	function loadNumberImages(imgCnt,folderName){
		for(var i=0; i < imgCnt; i++){
			numName = i+1
			if (numName <= 9){numName= '0' +numName};
			numName = 'num' + numName
			numImgArrayOn[numName] = new Image();
			numImgArrayOn[numName].src = folderName + '/' + numName + '_d.gif'
			numImgArrayOff[numName] = new Image();
			numImgArrayOff[numName].src = folderName + '/' + numName + '_n.gif'
			numImgTextArray[numName] = numInfoArray[i]
		}
	}
	loadNumberImages(numCount,'images');
//--------------------------------------------------
// end: number image loading
//--------------------------------------------------
//--------------------------------------------------
// start: number image/info functions
//--------------------------------------------------
	function writeInfo(imgName,txt){
		projInfoLayer = eval(doc+"infoLayer"+doc3);
		if (txt == ''){
			infoText = "<span>" + numImgTextArray[imgName] + "</span>";
		}else {
			infoText = "<span>" + txt +"</span>";
		};
		if (n4){	
			document.layers[0].document.write(infoText);
			document.layers[0].document.close();
		}else{
			projInfoLayer.innerHTML = infoText;
		}
	}
	
	function flipNum(imgName,onOff){
		imgObj = eval('document.' + imgName)
		if (onOff==1){	
			//imgObj.src = menuImageArray[(imgName + 'On' )].src;
			imgObj.src = eval('numImgArrayOn.'+ imgName + '.src');
			writeInfo(imgName,'')
		}else {
			imgObj.src = eval('numImgArrayOff.'+ imgName + '.src');
			writeInfo(imgName,defaultText)
		}
	}
//--------------------------------------------------
// end: number image/info functions
//--------------------------------------------------	
//--------------------------------------------------
// start: load main image data
//--------------------------------------------------
	mainImageArray = new Array();	
	function loadMainImages(imgData,folderName){
		for(var i=0; i < imgData.length; i++){
			mainImageArray[i] = new Image();
			mainImageArray[i].src = folderName + '/' + imgData[i];
		}
	}
	loadMainImages(imgData,imgDir);			// imgData, imgDir defined by .html page
//--------------------------------------------------
// end: load main image data
//--------------------------------------------------
//--------------------------------------------------
// start: main image functions
//--------------------------------------------------
	leftArrowImg = new Image()
	leftArrowImg.src = 'images/leftarrow.gif'
	rightArrowImg = new Image()
	rightArrowImg.src = 'images/rightarrow.gif'
	blankArrowImg = new Image()
	blankArrowImg.src = 'images/hidearrow.gif'

	function nextImage(){
		currentImg++;
		if (currentImg == (imgData.length -1)){
			document.rightArrow.src = blankArrowImg.src 			// hide right arrow
		}else if (currentImg >=(imgData.length)){
			currentImg--;
			return;
		}
		if (currentImg == 1){
			document.leftArrow.src =leftArrowImg.src 				// show left arrow
		}
		document.mainImage.src = mainImageArray[currentImg].src;		// show next image
	}
	
	function prevImage(){
		currentImg--;
		if (currentImg == 0){
			document.leftArrow.src =blankArrowImg.src 		// hide left arrow
		} else if (currentImg < 0){
			currentImg++;
			return;
		}
		if (currentImg == (imgData.length -2)){
			document.rightArrow.src =rightArrowImg.src 	// show right arrow
		}
		
		//alert(mainImageArray[currentImg].src)
		document.mainImage.src = mainImageArray[currentImg].src;	// show previous image
	}
//--------------------------------------------------
// end: main image functions
//--------------------------------------------------