/******************************************************************
	 * This file contains all the scripts needed on every page.
	 *****************************************************************/
	 
	/*************************************
	* Activate the scripts
	*************************************/	
	window.onload = activate;
	
	function activate() {
		blurLinks();
		startList();
			}
			
	/************************************************************
	* blurLinks
	* (Get rid of annoying dotted lines around clicked links)
	*************************************************************/
	function blurLinks() {
		var links = document.getElementsByTagName('a');
		for (var i = 0; i < links.length; i++) { 
			currentLink = links[i];
			currentLink.onfocus = function() { this.blur(); };
		}
	}
	
	/********************************************************************************
	* startList
	* Make dropdown menus drop in IE (and other none- td:hover supporting browsers)
	* This script is (mostly) the work of the fabulous http://alistapart.com/ 
	*********************************************************************************/
	function startList() {
		if (document.all && document.getElementById) {

			var nav = document.getElementById("nav");
			var divs = nav.getElementsByTagName("div");

			for (i = 0; i < divs.length; i++) {
				divs[i].onmouseover = function() { this.className = "over"; } 
				divs[i].onmouseout = function() { this.className = ""; }
			}
			
			var nav2 = document.getElementById("nav2");
			var divs2 = nav2.getElementsByTagName("div");
						
			for (i = 0; i < divs2.length; i++) {
				divs2[i].onmouseover = function() { this.className = "over"; } 
				divs2[i].onmouseout = function() { this.className = ""; }
			}
		}	
	}
	
	/********************************************
	* setupImageSwap
	* (Make gallery images change on mouseover) 
	*********************************************/	
	function setupImageSwap() {
	
		var mainLink = document.getElementById('mainlink'); 		
		var minisTable = document.getElementById('miniphotos');
		var miniLinks = minisTable.getElementsByTagName('a');	
				
		for (var i = 0; i < miniLinks.length; i++) {		
			setupRollover(miniLinks[i], mainLink);
		}
	}

	function setupRollover(thisMini, mainLink) {
		
		var thisMiniImg = thisMini.getElementsByTagName('img')[0];
		var thisSmall = new Image();
		thisSmall.src = thisMiniImg.src.replace(/thumb/i, "small");
	
		thisMini.onmouseover = function() { 
			mainLink.href = thisMini.href;
			mainLink.getElementsByTagName('img')[0].src = thisSmall.src; 
		}
	}