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

FILE: mud_Scripts.js
REQUIRES: prototype.js
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 2.1 - update to make it work more like MudFadeGallery
DATE: 04/07/2006

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

This file is part of MudShiftContent.

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

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

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

var imgs;
var imgsGallery = new Array();

////////////////////////////////////////////////////////////////////////////////
// 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.move('next');
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.move('prev');
					 return false;
				}
				break;
		}
	}
}


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

function init() {
	setOnMouseClick();
	// images gallery

	imgsGallery[0] = new Object();
	imgsGallery[0].image = new Image();
	imgsGallery[0].image.src = "images/13.jpg";
	imgsGallery[0].title = "Good Night, Floyd!";
	imgsGallery[0].caption = "A personal piece made using pen, water colors and acrylics to create a composition that suggests motion as well as an outcome.  <br /><br />";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = new Image();
	imgsGallery[1].image.src = "images/09.jpg";
	imgsGallery[1].title = "Boston Celtics Pitch";
	imgsGallery[1].caption = "A pitch created for the Boston Celtics aimed at improving the style of their official program.  The piece portrays the action of the game as well as a little playfulness. <em>(Part 1 of 2)</em>";

	imgsGallery[2] = new Object();
	imgsGallery[2].image = new Image();
	imgsGallery[2].image.src = "images/09b.jpg";
	imgsGallery[2].title = "Boston Celtics Pitch";
	imgsGallery[2].caption = "A pitch created for the Boston Celtics aimed at improving the style of their official program.  The piece portrays the action of the game as well as a little playfulness. <em>(Part 2 of 2)</em>";
	
	imgsGallery[3] = new Object();
	imgsGallery[3].image = new Image();
	imgsGallery[3].image.src = "images/08.jpg";
	imgsGallery[3].title = "Questionable Television";
	imgsGallery[3].caption = "This design was created for an article in Slippy Magazine which discussed MTV's lack of musical programming in recent years. &nbsp; <em>(Part 1 of 2)</em><br /><br />";
	
	imgsGallery[4] = new Object();
	imgsGallery[4].image = new Image();
	imgsGallery[4].image.src = "images/07.jpg";
	imgsGallery[4].title = "Questionable Television";
	imgsGallery[4].caption = "This design was created for an article in Slippy Magazine which discussed MTV's lack of musical programming in recent years.&nbsp; <em>(Part 2 of 2)</em><br /><br />";

	imgsGallery[5] = new Object();
	imgsGallery[5].image = new Image();
	imgsGallery[5].image.src = "images/06.jpg";
	imgsGallery[5].title = "Boston Colonials VBBC";
	imgsGallery[5].caption = "A logo created for the Vintage Base Ball team that I pitch for.  Using the font 'Affair,' I recreated the scripts that were used in the late 1880's for an authentic feel.";

	imgsGallery[6] = new Object();
	imgsGallery[6].image = new Image();
	imgsGallery[6].image.src = "images/05.jpg";
	imgsGallery[6].title = "Sell Outs!";
	imgsGallery[6].caption = "An illustration for Slippy Magazine, which juxtaposes the style of the punk rock posters of the late 70's and early 80's with a band notorious for selling out (The Black Eyed Peas).";

	imgsGallery[7] = new Object();
	imgsGallery[7].image = new Image();
	imgsGallery[7].image.src = "images/04.jpg";
	imgsGallery[7].title = "Chappelle's Block Party";
	imgsGallery[7].caption = "An image created to coincide with two articles written about 'Chappelle's Block Party.'  The piece mixes the playfulness that a block party suggests with the gritty atmosphere of Brooklyn.  Created using mixed media including water colors and pen.";

	imgsGallery[8] = new Object();
	imgsGallery[8].image = new Image();
	imgsGallery[8].image.src = "images/03.jpg";
	imgsGallery[8].title = "Patrick DeCoste: 'Inside the Unsaid'";
	imgsGallery[8].caption = "In creating the cover art for this instrumental guitarist (and my brother), I decided to create something you couldn't pronounce.  The goal was to generate buzz before the CD was even opened.";

	imgsGallery[9] = new Object();
	imgsGallery[9].image = new Image();
	imgsGallery[9].image.src = "images/02.jpg";
	imgsGallery[9].title = "Before You";
	imgsGallery[9].caption = "An illustration meant to accompany a short story for the amazing writer Rob Simons.  The style of the image was based on the premise of the article: a secret love affair.";

	imgsGallery[10] = new Object();
	imgsGallery[10].image = new Image();
	imgsGallery[10].image.src = "images/10.jpg";
	imgsGallery[10].title = "The War in Iraq";
	imgsGallery[10].caption = "A design created for the third issue of Slippy Magazine, this piece conveys both sides of the argument for going to war. Bush was either correct in doing so, or he was a dunce.";

	imgsGallery[11] = new Object();
	imgsGallery[11].image = new Image();
	imgsGallery[11].image.src = "images/01.jpg";
	imgsGallery[11].title = "Tedy Bruschi";
	imgsGallery[11].caption = "An image create to accompany an article in Slippy Magazine about Tedy Bruschi.  It conveys Tedy's playing style: electric and intense.<br /><br />";
	
	imgsGallery[12] = new Object();
	imgsGallery[12].image = new Image();
	imgsGallery[12].image.src = "images/11.jpg";
	imgsGallery[12].title = "Talib Kweli";
	imgsGallery[12].caption = "A personal piece created as an exploration in color correction.  My aim was to try and make the image have a cartoon aspect to it while still retaining its life-like qualities.";

	imgsGallery[13] = new Object();
	imgsGallery[13].image = new Image();
	imgsGallery[13].image.src = "images/12.jpg";
	imgsGallery[13].title = "Latest Logos";
	imgsGallery[13].caption = "The logo for 4040 Washington St (left) was made to have a 'jazz vibe.'  The logo for Turtle Brook (right) was to be classic while at the same time modern.<br /><br />";

	// MudShiftContent(id, unitX, unitTotal)
	imgs = new MudShiftContent('imgs', imgsGallery);
	
	// set init
	if ($('imgs_title')) $('imgs_title').innerHTML = imgsGallery[0].title;
	if ($('imgs_caption')) $('imgs_caption').innerHTML = imgsGallery[0].caption;
}

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

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