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

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/mfahcore08/core08-1.png";
	imgsGallery[0].title = "<span class='red'>|</span> title: Core 2008<br /><span class='red'>|</span> project: Museum Catalog<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> client: CORE, The Glassell School of Art,<br /><span class='indented'>The Museum of Fine Arts, Houston<br /><span class='red'>|</span> year: 2008";
	imgsGallery[0].caption = "This catalogue was published on the occasion of the 2008 Core Artists in Residence Exhibition. The Core Program awards residences to visual artists and art critics in continuation of their undergraduate or graduate training to further develop a professional career. Each spring the program installs an exhibition of work produced during the residency term. This accompanying publication documents the residents' creations.";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = "images/mfahcore08/core08-2.png";
	imgsGallery[1].title = "<span class='red'>|</span> title: Core 2008<br /><span class='red'>|</span> project: Museum Catalog<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> client: CORE, The Glassell School of Art,<br /><span class='indented'>The Museum of Fine Arts, Houston<br /><span class='red'>|</span> year: 2008";
	imgsGallery[1].caption = "This catalogue was published on the occasion of the 2008 Core Artists in Residence Exhibition. The Core Program awards residences to visual artists and art critics in continuation of their undergraduate or graduate training to further develop a professional career. Each spring the program installs an exhibition of work produced during the residency term. This accompanying publication documents the residents' creations.";
	
	
	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);