/*Photo Gallery*/

var ie6 = (typeof(IEPNGFix) != 'undefined');

var Gallery = [

{ src: 'img/gallery/gallery1.jpg', text: '"Resting Place" 2002, (16" x 20") Oil, Leaf, and Mixed Media on Panel', vert: false },
{ src: 'img/gallery/gallery2.jpg', text: '"Strand" 2002, (16" x 20") Oil, Leaf, and Mixed Media on Panel', vert: false },
{ src: 'img/gallery/gallery3.jpg', text: '"Ruins" 2002, (20" x 16") Oil, Leaf, and Mixed Media on Panel', vert: true },
{ src: 'img/gallery/gallery4.jpg', text: '"White Calf" 2004, (16" x 12") Oil on Paper', vert: true }, 
{ src: 'img/gallery/gallery5.jpg', text: '"Study in Black and White" 2002, (Diptych: 2 Panels 39.5" x 25.5")', vert: false },
{ src: 'img/gallery/gallery6.jpg', text: '"Feeder" 2000, (18" x 14") Oil, Wax, and Leaf on Panel', vert: true },
{ src: 'img/gallery/gallery7.jpg', text: '"Ram" 2002, (30.5" x 44") Charcoal and Mixed Media on Paper', vert: false },
{ src: 'img/gallery/gallery8.jpg', text: '"Black Bull" 2002, (44" x 33.5") Charcoal and Mixed Media on Paper', vert: true },
{ src: 'img/gallery/gallery9.jpg', text: '"Snowy Owl" 2008,  (10" x 8") Charcoal and Mixed Media on Panel', vert: true },
{ src: 'img/gallery/gallery10.jpg', text: '"Egret" 2008, (10" x 8") Oil and Mixed Media on Panel', vert: true },
{ src: 'img/gallery/gallery11.jpg', text: '"Falcon" 2003, (24" x 18") Charcoal and Pastel on Paper', vert: true },
{ src: 'img/gallery/gallery12.jpg', text: '"Butterfly" 2008, (10" x 8") Mixed Media on Panel', vert: true }

];

var firstload = true;
var hheight = 315;
var vheight = 396;

function registerLinks()
{
	var nav = document.getElementById('GalleryNav').getElementsByTagName('a');
	for(i=0;i<nav.length;i++)
	{
		nav[i].onclick = loadImage;
	}

}

function setActive(link, obj)
{
	for(i=0;i<obj.length;i++)
	{
		obj[i].className = obj[i].className.replace(/active/g,'');
	}
	link.className += " active";
}

function loadImage(e,index)
{
	var gallerywrapper = document.getElementById('GalleryWrapper');
	var galleryimage = document.getElementById('GalleryImage');
	var caption = document.getElementById('Caption');
	var nav = document.getElementById('GalleryNav').getElementsByTagName('a');
	var bio = document.getElementById('Bio');
	if(!firstload) setActive(this,nav);	
	if(this.innerHTML == 'BIO')
	{
		bio.style.display = 'block';
		gallerywrapper.style.display = 'none';
		return;
	}
	else
	{
		bio.style.display = 'none';
		gallerywrapper.style.display = 'block';
	}
	if(!index) var index = this.innerHTML*1;
	index--;
	var image = new Image();
	image.onload = displayImage;
	image.src = Gallery[index].src;
	
	firstload = false;
	function displayImage()
	{
		var height = image.height;
		var margin = Gallery[index].vert ? vheight-height : vheight-height-20;
		galleryimage.style.marginTop = galleryimage.style.marginBottom = 0 + "px";
		galleryimage.style.marginTop = margin + "px";
		if(!Gallery[index].vert) galleryimage.style.marginBottom = "10px"; 
		galleryimage.src = image.src;
		caption.innerHTML = Gallery[index].text;
	}
}



function preloadImages()
{
	for(i=0;i<Gallery.length;i++)
	{
		var image = new Image;
		image.src = Gallery[i].src;
	}
}

var oldload = window.onload || function() {};
window.onload = function()
{
	oldload();
	registerLinks();
	loadImage(null,1);
	preloadImages();
}