// JavaScript Document

/** 
 *	These functions control the rollover images for Memorial Park and 
 *	the City Park Fountain.
 *	
 *	Naming conventions:
 *		<img> id attribute -> ['cf'|'mp']TN[num]
 *
 *		source graphics files -> photos_['cf'|'mp']['TN'|'LRG'|'VLG'][num].jpg
 *		
 *		
 *	
 */

DEFAULT_TN_BORDER = '1px solid #000000';
OVER_TN_BORDER = '1px solid #BCAD08';

DEFAULT_TD_BORDER = '1px solid #f1f1f3';
OVER_TD_BORDER = '1px solid #016D49';
	
PARKS_PHOTOS_ANCHOR = '#photoTbls';
PARKS_PHOTOS_AREA =  'parksTbl';

THUMBNAIL_CLASS = 'parkTnImg';
THUMBNAIL_TABLE_CLASS = 'tnTbl';

LARGE_PHOTO_IMG_ID = 'parkLrgImg';
LARGE_PHOTO_IMG_SRC = 'graphics/photos_defaultLRG.jpg';
LARGE_PHOTO_CAPTION_ID = 'captionP';
LARGE_PHOTO_CAPTION_TEXT = 'Beaveron Parks';


LARGE_KEY = 'LRG';
THUMBNAIL_REGEX = '/TN/';
VERY_LARGE_KEY = 'VLG';


function restoreDefaultLrgImg(){
	var lrgImg = document.getElementById(LARGE_PHOTO_IMG_ID)
	lrgImg.src = LARGE_PHOTO_IMG_SRC;
	lrgImg.title = LARGE_PHOTO_CAPTION_TEXT;
	document.getElementById(LARGE_PHOTO_CAPTION_ID).innerHTML = LARGE_PHOTO_CAPTION_TEXT;
}


function tnRollOver() {
	//alert('in tnRollOver');
	
	this.style.border = OVER_TN_BORDER;
	this.parentNode.style.border = OVER_TD_BORDER;
	
	var lrgImg = document.getElementById(LARGE_PHOTO_IMG_ID);
	lrgImg.src = this.lrgSrc;
	lrgImg.vlgSrc = this.vlgSrc;
	lrgImg.title = this.title;
										 
	document.getElementById(LARGE_PHOTO_CAPTION_ID).innerHTML = this.title;
}//end func tnRollOver




function tnRollOut() {
	//alert('in tnRollOut');
	this.style.border = DEFAULT_TN_BORDER;
	this.parentNode.style.border = DEFAULT_TD_BORDER;
}//end func tnRollOut



function initThumbnails() {

	if(document.getElementById){
		var imgBuf = null;
		var thumbnails = document.getElementsByTagName('img');
		var tnTables = document.getElementsByTagName('table');
		
		document.getElementById(LARGE_PHOTO_IMG_ID).onclick = restoreDefaultLrgImg;
		
		for (var i = 0; i < thumbnails.length; i++){
			if (thumbnails[i].className == THUMBNAIL_CLASS) {
				thumbnails[i].onmouseover = tnRollOver;
				thumbnails[i].onmouseout = tnRollOut;
				thumbnails[i].title = thumbnails[i].alt;
				thumbnails[i].lrgSrc = thumbnails[i].src.replace(eval(THUMBNAIL_REGEX), LARGE_KEY);
				thumbnails[i].vlgSrc = thumbnails[i].src.replace(eval(THUMBNAIL_REGEX),VERY_LARGE_KEY);
				imgBuff = (new Image()).src = thumbnails[i].lrgSrc; //preload image
				
			}//end if className ==
		}//end for tag in thumbnails
		for (i = 0; i < tnTables.length; i++){
			if (tnTables[i].className == THUMBNAIL_TABLE_CLASS)
				tnTables[i].style.display = 'block';
		}
		
	}//end if document.getElementById
	 
 }//end func initThumbnails
 
 window.onload = initThumbnails;