/*******************************************************************************

FILE: mud_Scripts.js
REQUIRES: prototype.js, mud_FadeGallery.js
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 2.0 - converted to use prototype.js
DATE: 01/05/2006

--------------------------------------------------------------------------------

This file is part of MudFadeGallery.

	MudFadeGallery is free for anyone to use, but this header MUST be
	included, and may not be modified.

*******************************************************************************/

////////////////////////////////////////////////////////////////////////////////
// GLOBAL VARS

var imgsGallery = new Array();
var imgs;

///////////////////////////////////////////////////////////////////////////////
// MOUSE EVENTS

function setOnMouseClick() {
	var elements = document.getElementsByTagName("a");
	for (var i = 0; i < elements.length; i++) {
		switch(elements[i].className) {
			case "next":
				elements[i].onclick = function() {
					 imgs.nextImg();
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.prevImg();
					 return false;
				}
				break;
			case "s0":
				elements[i].onclick = function() {
					 imgs.showImg(0);
					 return false;
				}
				break;
			case "s1":
				elements[i].onclick = function() {
					 imgs.showImg(1);
					 return false;
				}
				break;
		}
	}
}

////////////////////////////////////////////////////////////////////////////////
// INIT

function init() {
	setOnMouseClick();
	// images gallery
	// load images note: imgsGallery[].image isn't an array of images, just strings to hold location
	imgsGallery[0] = new Object();
	imgsGallery[0].image = "images/neohoodoo/neohoodoo1.png";
	imgsGallery[0].title = "<span class='red'>|</span> title: NeoHooDoo: Art for a Forgotten Faith<br /><span class='red'>|</span> project: Museum Book<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> client: The Menil Collection, Houston<br /><span class='red'>|</span> year: 2008";
	imgsGallery[0].caption = "<em>NeoHooDoo: Art for a Forgotten Faith</em> is a fully illustrated (hardcover) catalogue featuring artists of the Americas who address the value of ritual in the artistic process and the wider implications of spirituality in contemporary art. The exhibition was co-organized by the Menil Collection, Houston, and by P.S.1 Contemporary Art Center Long Island City, NY. The show and catalogue travelled to the Miami Art Museum early in 2009.";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = "images/neohoodoo/neohoodoo2.png";
	imgsGallery[1].title = "<span class='red'>|</span> title: NeoHooDoo: Art for a Forgotten Faith<br /><span class='red'>|</span> project: Museum Book<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> client: The Menil Collection, Houston<br /><span class='red'>|</span> year: 2008";
	imgsGallery[1].caption = "<em>NeoHooDoo: Art for a Forgotten Faith</em> is a fully illustrated (hardcover) catalogue featuring artists of the Americas who address the value of ritual in the artistic process and the wider implications of spirituality in contemporary art. The exhibition was co-organized by the Menil Collection, Houston, and by P.S.1 Contemporary Art Center Long Island City, NY. The show and catalogue travelled to the Miami Art Museum early in 2009.";

	var start = 0;
	imgs = new MudFadeGallery('imgs', 'imgDisplay', imgsGallery, {startNum: start, preload: true, autoplay: 0});
	
	// set the initial captions
	var title = (imgsGallery[0].title) ? imgsGallery[0].title : "No Title";
	var caption = (imgsGallery[0].caption) ? imgsGallery[0].caption : "No Description";
	$("imgDisplay_title").innerHTML = title;
	$("imgDisplay_caption").innerHTML = caption;
	$("imgDisplay_number").innerHTML = "1 | " + imgsGallery.length;
	$("imgDisplay").src = imgsGallery[start].image;
}

////////////////////////////////////////////////////////////////////////////////
// EVENTS

Event.observe(window, 'load', init, false);