preloadTitles = new Array();

preloadTitles['recreation'] = new Image();		preloadTitles['recreation'].src = "/images/kayaking_adventures/gallery/h2_recreation.gif";
preloadTitles['day_touring'] = new Image();		preloadTitles['day_touring'].src = "/images/kayaking_adventures/gallery/h2_day_touring.gif";
preloadTitles['touring'] = new Image();				preloadTitles['touring'].src = "/images/kayaking_adventures/gallery/h2_touring.gif";
preloadTitles['tandem'] = new Image();				preloadTitles['tandem'].src = "/images/kayaking_adventures/gallery/h2_tandem.gif";
preloadTitles['whitewater'] = new Image();		preloadTitles['whitewater'].src = "/images/kayaking_adventures/gallery/h2_whitewater.gif";

window.onload=function() {
	setImageLinks();
	setCategoryLinks();
}

galleryCategories = new Array('recreationLinks','day_touringLinks','touringLinks','tandemLinks','whitewaterLinks');

function setImageLinks() {
	for (i = 0; i < galleryCategories.length; i++) {
		linkCat = document.getElementById(galleryCategories[i]);
		links = linkCat.getElementsByTagName('a');
		for (j = 0; j < links.length; j++) {
			links[j].onclick=function() {
				
				if (this.rel != currentPic) {
					galleryImage.src = loading.src;				
				
					this.className="current";
					
					currentLink = document.getElementById(currentGallery+"Links").getElementsByTagName('a');
					currentLink[currentPic].className = "";
					
					currentPic = this.rel;
					
					galleryImage.src = this.href;		
					descriptText.innerHTML=this.title;
					
					/*
					galleryImage.src = loading.src;
					newImg = new Image();
					newImg.src = this.href;
	
					title=this.title;
	
					newImg.onload = function() {
						descriptText.innerHTML = title;
						
						galleryImage.src = newImg.src;						
					}
					*/
				}
				
				return false;
			}
		}
	}
}

function setCategoryLinks() {
	var categoryLinks = document.getElementById('gallerySelect').getElementsByTagName('a');

	for (j = 0; j < categoryLinks.length; j++) {
		categoryLinks[j].onclick=function() {
			
			if (this.rel != currentGallery) {
			
				galleryImage.src = loading.src;
				
				document.getElementById(currentGallery+"Links").style.display = "none";
				currentCategoryLink = document.getElementById(currentGallery+"CatLink");
				currentCategoryLink.className = "";
				
				currentLink = document.getElementById(currentGallery+"Links").getElementsByTagName('a');
				currentLink[currentPic].className = "";
				
				currentGallery = this.rel;
				galleryLinks = document.getElementById(currentGallery+"Links");
				
				currentLinks = document.getElementById(currentGallery+"Links").getElementsByTagName('a');
				newLink = currentLinks[0];
				
				galleryImage.src = newLink.href;
				descriptText.innerHTML = newLink.title;
				
				/*
				
				newImg.src = newLink.href;
				
				newImg.onload = function() {
					descriptText.innerHTML = newLink.title;
					
					galleryImage.src = newImg.src;						
				}
				
				*/
			
				currentPic = 0;
				currentLink = document.getElementById(currentGallery+"Links").getElementsByTagName('a');
				currentLink[currentPic].className = "current";
	
				document.getElementById(currentGallery+"Links").style.display = "block";
								
				this.className="currentCategory";
				
				document.getElementById("galleryHeader").src=preloadTitles[currentGallery].src;
			}
			return false;
		}
	}
}