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

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;
			case "s3":
				elements[i].onclick = function() {
					 imgs.showImg(3);
					 return false;
				}
				break;
			case "s4":
				elements[i].onclick = function() {
					 imgs.showImg(4);
					 return false;
				}
				break;
			case "s5":
				elements[i].onclick = function() {
					 imgs.showImg(5);
					 return false;
				}
				break;
			case "s6":
				elements[i].onclick = function() {
					 imgs.showImg(6);
					 return false;
				}
				break;
			case "s7":
				elements[i].onclick = function() {
					 imgs.showImg(7);
					 return false;
				}
				break;
			case "s8":
				elements[i].onclick = function() {
					 imgs.showImg(8);
					 return false;
				}
				break;
			case "s9":
				elements[i].onclick = function() {
					 imgs.showImg(9);
					 return false;
				}
				break;
			case "s10":
				elements[i].onclick = function() {
					 imgs.showImg(10);
					 return false;
				}
				break;
			case "s11":
				elements[i].onclick = function() {
					 imgs.showImg(11);
					 return false;
				}
				break;
			case "s12":
				elements[i].onclick = function() {
					 imgs.showImg(12);
					 return false;
				}
				break;
			case "s13":
				elements[i].onclick = function() {
					 imgs.showImg(13);
					 return false;
				}
				break;
			case "s14":
				elements[i].onclick = function() {
					 imgs.showImg(14);
					 return false;
				}
				break;
			case "s15":
				elements[i].onclick = function() {
					 imgs.showImg(15);
					 return false;
				}
				break;
			case "s16":
				elements[i].onclick = function() {
					 imgs.showImg(16);
					 return false;
				}
				break;
			case "s17":
				elements[i].onclick = function() {
					 imgs.showImg(17);
					 return false;
				}
				break;
			case "s18":
				elements[i].onclick = function() {
					 imgs.showImg(18);
					 return false;
				}
				break;
			case "s19":
				elements[i].onclick = function() {
					 imgs.showImg(19);
					 return false;
				}
				break;
			case "s20":
				elements[i].onclick = function() {
					 imgs.showImg(20);
					 return false;
				}
				break;
			case "s21":
				elements[i].onclick = function() {
					 imgs.showImg(21);
					 return false;
				}
				break;
			case "s22":
				elements[i].onclick = function() {
					 imgs.showImg(22);
					 return false;
				}
				break;
			case "s23":
				elements[i].onclick = function() {
					 imgs.showImg(23);
					 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 = "_imgs/work/balloon.jpg";
	imgsGallery[0].title = "BALLOON (2009), mixed media on panel, 48 &#215; 42 in.";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = "_imgs/work/blocker.jpg";
	imgsGallery[1].title = "BLOCKER (2009), mixed media on panel, 10 &#215; 13 in.";
		
	imgsGallery[2] = new Object();
	imgsGallery[2].image = "_imgs/work/boulevard.jpg";
	imgsGallery[2].title = "BOULEVARD (2009), mixed media on panel, 32 &#215; 36 in.";
		
	imgsGallery[3] = new Object();
	imgsGallery[3].image = "_imgs/work/butterfly.jpg";
	imgsGallery[3].title = "BUTTERFLY (2009), mixed media on panel, 48 &#215; 42 in.";
		
	imgsGallery[4] = new Object();
	imgsGallery[4].image = "_imgs/work/dart.jpg";
	imgsGallery[4].title = "DART (2009), mixed media on panel, 30 &#215; 24 in.";
		
	imgsGallery[5] = new Object();
	imgsGallery[5].image = "_imgs/work/donut.jpg";
	imgsGallery[5].title = "DONUT (2009), mixed media on panel, 14 &#215; 14 in.";
		
	imgsGallery[6] = new Object();
	imgsGallery[6].image = "_imgs/work/downdown.jpg";
	imgsGallery[6].title = "DOWNDOWN (2009), mixed media on panel, 16 &#215; 20.25 in.";
		
	imgsGallery[7] = new Object();
	imgsGallery[7].image = "_imgs/work/dreamtime.jpg";
	imgsGallery[7].title = "DREAMTIME (2009), mixed media on panel, 16 &#215; 20.25 in.";
		
	imgsGallery[8] = new Object();
	imgsGallery[8].image = "_imgs/work/ends.jpg";
	imgsGallery[8].title = "ENDS (2009), mixed media on panel, 32 &#215; 36 in.";
		
	imgsGallery[9] = new Object();
	imgsGallery[9].image = "_imgs/work/great-divide.jpg";
	imgsGallery[9].title = "GREAT DIVIDE (2009), mixed media on panel, 32 &#215; 40 in.";
		
	imgsGallery[10] = new Object();
	imgsGallery[10].image = "_imgs/work/island.jpg";
	imgsGallery[10].title = "ISLAND (2009), mixed media on panel, 30 &#215; 22 in.";
		
	imgsGallery[11] = new Object();
	imgsGallery[11].image = "_imgs/work/ithica.jpg";
	imgsGallery[11].title = "ITHICA (2009), mixed media on panel, 30 &#215; 24 in.";
		
	imgsGallery[12] = new Object();
	imgsGallery[12].image = "_imgs/work/locked-up.jpg";
	imgsGallery[12].title = "LOCKED UP (2009), mixed media on panel, 28 &#215; 24 in.";
		
	imgsGallery[13] = new Object();
	imgsGallery[13].image = "_imgs/work/moveover.jpg";
	imgsGallery[13].title = "MOVEOVER (2009), mixed media on panel, 16 &#215; 20 in.";
		
	imgsGallery[14] = new Object();
	imgsGallery[14].image = "_imgs/work/park-&-ride.jpg";
	imgsGallery[14].title = "PARK & RIDE (2009), mixed media on panel, 30 &#215; 24 in.";
		
	imgsGallery[15] = new Object();
	imgsGallery[15].image = "_imgs/work/poolboy.jpg";
	imgsGallery[15].title = "POOLBOY (2009), mixed media on panel, 36 &#215; 32 in.";
		
	imgsGallery[16] = new Object();
	imgsGallery[16].image = "_imgs/work/ramp.jpg";
	imgsGallery[16].title = "RAMP (2009), mixed media on panel, 40 &#215; 46 in.";
		
	imgsGallery[17] = new Object();
	imgsGallery[17].image = "_imgs/work/readygo.jpg";
	imgsGallery[17].title = "READYGO (2009), mixed media on panel, 16 &#215; 16 in.";
		
	imgsGallery[18] = new Object();
	imgsGallery[18].image = "_imgs/work/schoolbus.jpg";
	imgsGallery[18].title = "SCHOOLBUS (2009), mixed media on panel, 16 &#215; 16 in.";
		
	imgsGallery[19] = new Object();
	imgsGallery[19].image = "_imgs/work/stacked.jpg";
	imgsGallery[19].title = "STACKED (2009), mixed media on panel, 30 &#215; 22 in.";
		
	imgsGallery[20] = new Object();
	imgsGallery[20].image = "_imgs/work/stoploss.jpg";
	imgsGallery[20].title = "STOPLOSS (2009), mixed media on panel, 24 &#215; 20 in.";
		
	imgsGallery[21] = new Object();
	imgsGallery[21].image = "_imgs/work/sweeper.jpg";
	imgsGallery[21].title = "SWEEPER (2009), mixed media on panel, 16 &#215; 20 in.";
		
	imgsGallery[22] = new Object();
	imgsGallery[22].image = "_imgs/work/sweetspot.jpg";
	imgsGallery[22].title = "SWEETSPOT (2009), mixed media on panel, 30 &#215; 24 in.";
		
	imgsGallery[23] = new Object();
	imgsGallery[23].image = "_imgs/work/tiptip.jpg";
	imgsGallery[23].title = "TIPTIP (2009), mixed media on panel, 40 &#215; 32 in.";
		
	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 : "";
	$("imgDisplay_title").innerHTML = title;
	$("imgDisplay_caption").innerHTML = caption;
	$("imgDisplay_number").innerHTML = "";
	$("imgDisplay").src = imgsGallery[start].image;
}

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

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