// JavaScript Document
// Scripts used for the Refuge Gallery part of the site
//-----------------------------------------------------------

	preloadImg = new Image();
	preloadImg.src = '../refuge/images/busy.gif';
	
	var headerID = 'imginfo'; 
	var spanID = 'indicator';
	var ua = navigator.userAgent.toLowerCase();
			
  	isSafari = (ua.indexOf('safari') != -1);
	isOSafari = (ua.indexOf('85.8.1') != -1);

//-----------------------------------------------------------

	// initiate float links with an onclick event
	function initLinks() 
	{
		var els = document.getElementsByTagName('a');
		
		for(var i = 0; i < els.length; i++) {
			if (els[i].className.indexOf('float') !=- 1) {
				els[i].onclick=swap;
			}
		}
	}

//-----------------------------------------------------------

	// creates the 'loading' spinner
	function makeSpinner()
	{	
		if(isSafari && isOSafari) {
			// Safari 1.0.3 (Jaguar) has spotty support for JavaScript, so no 'loading image' indicator
			// Camino ignores it all
			// IE 5 Mac works OK
			// Firefox works OK
			// Safari on Panther works OK
		} else {
		
			var imgHeader = document.getElementById(headerID);
	
			imgHeader.style.position = 'relative';
			var newSpan = document.createElement('span');
			newSpan.id = spanID;
			newSpan.style.display = 'none';
			imgHeader.appendChild(newSpan);

			var newImage = document.createElement('img');
			newImage.setAttribute('src', preloadImg.src);
			newSpan.appendChild(newImage);
		}
	}
	
//-----------------------------------------------------------
	
	// swap image src, image title, and image date
	function swap() 
	{
		if(!(isSafari && isOSafari)) {
			document.getElementById(spanID).style.display = 'block';
		}

		var parameterString = this.getAttribute('title');
		var parameterTokens = parameterString.split(' | ');

		imgTitle = parameterTokens[0];
		imgDate  = parameterTokens[1];
		
		document.getElementById('imgMain').src = this.href;

		checkcomplete();

		document.getElementById('title').innerHTML = imgTitle;
		document.getElementById('date').innerHTML = '&nbsp;|&nbsp;' + imgDate;
		
		return false;
	}

//-----------------------------------------------------------

	// hide the spinner
	function setcomplete() 
	{
		document.getElementById(spanID).style.display = 'none';
    }

//-----------------------------------------------------------
	
	// check if the image has finished loading
	function checkcomplete() 
	{
		var ua  = navigator.userAgent.toLowerCase();
		var img = new Image;
			
  		isOpera = (ua.indexOf('opera') != -1);
		img.src = document.getElementById('imgMain').src;
		
  		if (!isOpera) {
			img.onload=setcomplete;
		} else {
			img.onload=setcomplete();
		}
	}
	
//-----------------------------------------------------------

	function runScripts()
	{
		initLinks();
		makeSpinner();
	}

//-----------------------------------------------------------

	window.onload = runScripts;
	
//-----------------------------------------------------------