// JavaScript Document

addEvent(window, 'load', gallery);
addEvent(window, 'load', thumbnails);

// slideshow div array and counter

var slides = [];
var j = 0;

function gallery()
{
	var x = 0;
	var y = 0;
	
	// get all the gallery divs
	
	var divs = document.getElementsByTagName('div');
	
	for ( i = 0; i < divs.length; i++)
	{
		if ( /gallery/.test(divs[i].className) )
		{		
			slides[x] = divs[i].id;
			x++;
		}
	}
	
	if ( slides.length > 0 )
	{
		setInterval('slideShow()',5000);
	}
}

function thumbnails()
{
	// get all the thumbnail images
	
	var imgs = document.getElementsByTagName('img');
	
	for ( i = 0; i < imgs.length; i++)
	{
		if ( /thumb/.test(imgs[i].className) )
		{		
			imgs[i].onclick = function () {
				return showPicture(this)
			}
		}
	}
}

function showPicture(img)
{
	var location = img.src;
	var picture = location.replace("thumb/", "");

	$('large-picture').update("<img src='" + picture + "' />");
	
	return false;
}

function slideShow()
{	
	Effect.Fade(slides[j], { duration:2, from:1.0, to:0.0 }); 
	j++;
	if (j == slides.length) j = 0; 
	
	Effect.Appear(slides[j], { duration:2, from:0.0, to:1.0 }); 
}



function addEvent(obj, evType, fn)
{ 
	if (obj.addEventListener)
	{ 
		obj.addEventListener(evType, fn, false); 
		return true; 
	} 
	else if (obj.attachEvent)
	{ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} 
	else
	{ 
		return false; 
	} 
}