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

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;
			case "s2":
				elements[i].onclick = function() {
					 imgs.showImg(2);
					 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/globaladdress/global-address1.png";
	imgsGallery[0].title = "<span class='red'>|</span> title: Global Address<br /><span class='red'>|</span> project: Museum Catalog<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> year: 2002";
	imgsGallery[0].caption = "Global Address, a group exhibition which featured artists like Uta Barth, Allan Desouza, and Bari Kumar, among others, was developed by the USC Museums Studies Program of 2002. The show and catalogue features visual artists who live and work in Los Angeles and who also have global addresses.";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = "images/globaladdress/global-address2.png";
	imgsGallery[1].title = "<span class='red'>|</span> title: Global Address<br /><span class='red'>|</span> project: Museum Catalog<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> year: 2002";
	imgsGallery[1].caption = "Global Address, a group exhibition which featured artists like Uta Barth, Allan Desouza, and Bari Kumar, among others, was developed by the USC Museums Studies Program of 2002. The show and catalogue features visual artists who live and work in Los Angeles and who also have global addresses.";
	
	imgsGallery[2] = new Object();
	imgsGallery[2].image = "images/globaladdress/global-address3.png";
	imgsGallery[2].title = "<span class='red'>|</span> title: Global Address<br /><span class='red'>|</span> project: Museum Catalog<br /><span class='red'>|</span> design: Kontour<br /><span class='red'>|</span> year: 2002";
	imgsGallery[2].caption = "Global Address, a group exhibition which featured artists like Uta Barth, Allan Desouza, and Bari Kumar, among others, was developed by the USC Museums Studies Program of 2002. The show and catalogue features visual artists who live and work in Los Angeles and who also have global addresses.";

	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);