
//define the content of each animation option
images = new Array();
mainContent = new Array();
textLeft = new Array();
textRight = new Array();
additionalText = new Array();


/*
images.push();
mainContent.push();
textLeft.push();
textRight.push();
additionalText.push();
*/

/******************************************************************************************************************************************************************************************************************/
images.push("fedex");
mainContent.push("<iframe src='iframe/fedex_sustainability/index.html' width='400' height='369' frameborder='0' style='overflow:hidden;overflow-x: hidden;overflow-y: hidden;border: solid 1px #999999' scrolling='no'></iframe> <br/><br/>");
textLeft.push("Fedex");
textRight.push("");
additionalText.push("Role: Animation/AS3 Development<br/>MVC Framework, XML Driven; No Papervision - 3D done with native AS3 3D transform tools<br/><br/>Clouds on this one were interesting. Started with a Flint particle system, which, while lovely, bogged down the animation everywhere else.Same issue with Perlin noise clouds. Switched to video. better. Browsed a few hundred cloud clips without finding anything the CD liked as much as the flint clouds. SO, rendered the Flint particles from Flash to Quicktime, converted to .flv to be played via netstream. In retrospect another solution (which might prove quicker) might be going into AE and pinch-distorting a couple cloudscape video layers.");

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

images.push("symbion");
mainContent.push("<div height='300' width='300'><div class='symbionYellowBorder'><div class='symbionRedBorder'><div class='symbionWhiteBorder'><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='384' height='289' id='flash/xmas2007_final' align='middle' border='0' padding='0'><param name='allowScriptAccess' value='sameDomain' /><param name='allowFullScreen' value='false' /><param name='movie' value='flash/xmas2007_final.swf' /><param name='quality' value='high' /><param name='bgcolor' value='#09002B' /><embed src='flash/xmas2007_final.swf' quality='high' bgcolor='#09002B' width='384' height='289' name='flash/xmas2007_final' align='middle' allowScriptAccess='sameDomain' allowFullScreen='false' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></div></div></div></div>");
textLeft.push("go to <a href='http://www.symbion-power.com' target='newsite'><u>www.symbion-power.com</u></a>");
textRight.push("");
additionalText.push("This was a Holiday card I did for Symbion, Q4 2007.<br><br>I was responsible for everything: initial research, concept dev, character animation, scripting for motion & interactivity, XML/CSS<br><br>Developed using Flash CS3, Illustrator, Dreamweaver<br><br>Agencies/Tech Leads/Developers/Whoever cares:<br><a href='#'id='srcLink' onMouseOver = 'highlightViewSrc()' onMouseOver = 'dimViewSrc()' onClick='getSrc(\"../includes/animation_symbionSrc.txt\",495)'><img src='images/buttons/viewSrc_off.gif'  border='0' id='srcLinkImg' ></a>");

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

images.push("coolerIcons");
mainContent.push(writeEmoticons());
textLeft.push("");
textRight.push("");
additionalText.push("This project entailed the conception & production of over 700 icons as a marketing tool for an IE search toolbar based on various initial icon categories given by Mediawhiz.<br><br>Created using a range of techniques & Packages including AW Maya 5.0, Adobe Illustrator, Photoshop, AE & Imageready")

/******************************************************************************************************************************************************************************************************************/
/*
images.push("scythe");
mainContent.push("<img src='images/animation/scythePlaceholder.jpg' alt='' width='360' height='270' border='1'>");
textLeft.push("CLICK ON FORMAT TO START MOVIE: <br><br>HIGH BAND: <br><a onClick = 'playMovie(\"scythe_quickHiBand\");'><u>quicktime (2.4mb)</u></a><br><a onClick = 'playMovie(\"scythe_winHiBand\");'><u>windows media (2.9mb)</u></a><br><br>LOW BAND:<br><a href ='#scythe' onClick = 'playMovie(\"scythe_quickLoBand\");'><u>quicktime (.9mb)</u></a><br><a href ='#scythe' onClick = 'playMovie(\"scythe_winHiBand\");'><u>windows media: (.8mb)</u></a>");

textRight.push("");
additionalText.push("<table><tr><td width='10'><img src='images/placeholder.gif'></td><td>This was created for an initial 'test assignment' with a 1-week deadline for a creative agency; Copy, concept/direction, production by Ursula Wing.<br><br>Audio edited from \"Hale-Bopp Regurgitations\" by P.M. Dawn<br><br>Created using Adobe After Effects; Sound edited in Cakewalk Express</td></tr></table>");
*/
/******************************************************************************************************************************************************************************************************************/

images.push("iceAge");
mainContent.push("<img src='images/animation/iceAgePlaceholder.jpg' alt='' width='240' height='136' border='1'>");
textLeft.push("CLICK ON FORMAT TO START MOVIE: <br><br>HIGH BAND: <br><a href ='#iceAge' onClick = 'playMovie(\"iceAge_quickHiBand\");'><u>quicktime (4.6mb)</u></a><br><a href ='#iceAge' onClick = 'playMovie(\"iceAge_winHiBand\");'><u>windows media (5.5mb)</u></a><br><br>LOW BAND:<br><a href ='#iceAge' onClick = 'playMovie(\"iceAge_quickLoBand\");'><u>quicktime (2.6mb)</u></a><br><a href ='#iceAge' onClick = 'playMovie(\"iceAge_winHiBand\");'><u>windows media: (1.7mb)</u></a>");
textRight.push("");
additionalText.push("Synopsis: several unlikely ice age companions band together to return a human child to its camp<br><br>I worked on Ice Age as a Modeling Technical Assistant. My duties included rendering, quality-checking, internal website maintenance and file backlot organization, with opportunities to edit and create environmental models under the direction of the story and modeling departments.<br><br>Ice Age was created by a team of 150 animators and staff, using Alias|Wavefront Maya on SGI Octanes and rendered using Blue Sky Studio\'s proprietary rendering engine, CGI Studio.<br><br>");

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

images.push("jack");
mainContent.push("<img src='images/animation/jackPlaceholder.jpg' alt='' width='360' height='268' border='1'>");
textLeft.push("CLICK ON FORMAT TO START MOVIE: <br><br>HIGH BAND: <br><a href ='#jack' onClick = 'playMovie(\"jack_quickHiBand\");'><u>quicktime (3.7mb)</u></a><br><a href ='#jack' onClick = 'playMovie(\"jack_winHiBand\");'><u>windows media (2.9mb)</u></a><br><br>LOW BAND:<br><a href ='#jack' onClick = 'playMovie(\"jack_quickLoBand\");'><u>quicktime (1.1mb)</u></a><br><a href ='#jack' onClick = 'playMovie(\"jack_winHiBand\");'><u>windows media: (.8mb)</u></a>");

textRight.push("");
additionalText.push("NOTE: Due to the subtle, low-lighting setting in which the story takes place, I\'d recommend Quicktime for Mac Users and WMV for Windows Users due to differences in gamma.<br><br>Synopsis: In the deserted moonlight of a nursery, several common recipients of childhood agression await their fate.<br><br>Concept, story, modeling, rigging, animation, lighting, rendering, compositing and sound by Ursula Wing.<br><br>Created using Alias|Wavefront Maya 3.0 on an SGI Octane running IRIX 6.5.; Streaming and compositing done using Adobe After Effects 4.1; Sound produced using Soundedit 16.");

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

images.push("finalMoments");
mainContent.push("<img src='images/animation/finalMomentsPlaceholder.jpg' alt='' width='360' height='272' border='1'>");
textLeft.push("CLICK ON FORMAT TO START MOVIE: <br><br>HIGH BAND: <br><a href ='#finalMoments' onClick = 'playMovie(\"finalMoments_quickHiBand\");'><u>quicktime (3.4mb)</u></a><br><a href ='#finalMoments' onClick = 'playMovie(\"finalMoments_winHiBand\");'><u>windows media (3.1mb)</u></a><br><br>LOW BAND:<br><a href ='#finalMoments' onClick = 'playMovie(\"finalMoments_quickLoBand\");'><u>quicktime (1.0mb)</u></a><br><a href ='#finalMoments' onClick = 'playMovie(\"finalMoments_winHiBand\");'><u>windows media: (1.2mb)</u></a>");
textRight.push("");
additionalText.push("Synopsis: a few passing moments in the city. <br><br> Concept, story, production by Ursula Wing.<br><br>Created using traditional techniques of drawn animation; Streaming in Adobe After Effects 4.1");

/******************************************************************************************************************************************************************************************************************/
//define the movie parameters for all animation options
/******************************************************************************************************************************************************************************************************************/

var scythe_quickHiBand = "<EMBED SRC='video/scythe_quickHiBand.mov' WIDTH='360' HEIGHT='282' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
var scythe_quickLoBand = "<EMBED SRC='video/scythe_quickLoBand.mov' WIDTH='240' HEIGHT='190' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
//scythe_quickLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";

var scythe_winHiBand = "<object width='360' height='290' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
scythe_winHiBand += "<param name='Filename' value='video/scythe_winHiBand.wmv'>"
scythe_winHiBand += "<param name='AutoStart' value='True'>"
scythe_winHiBand += "<param name='ShowControls' value='True'>"
scythe_winHiBand += "<param name='ShowStatusBar' value='False'>"
scythe_winHiBand += "<param name='ShowDisplay' value='False'>"
scythe_winHiBand += "<param name='AutoRewind' value='True'>"
scythe_winHiBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='360' height='290'  src='video/scythe_winHiBand.wmv' filename='video/scythe_winHiBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
scythe_winHiBand += "</embed>"
scythe_winHiBand += "</object>"
		
var scythe_winLoBand = "<object width='240' height='210' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
scythe_winLoBand += "<param name='Filename' value='video/scythe_winLoBand.wmv'>"
scythe_winLoBand += "<param name='AutoStart' value='True'>"
scythe_winLoBand += "<param name='ShowControls' value='True'>"
scythe_winLoBand += "<param name='ShowStatusBar' value='False'>"
scythe_winLoBand += "<param name='ShowDisplay' value='False'>"
scythe_winLoBand += "<param name='AutoRewind' value='True'>"
scythe_winLoBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='240' height='210'  src='video/scythe_winLoBand.wmv' filename='video/scythe_winLoBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
scythe_winLoBand += "</embed>"
scythe_winLoBand += "</object>"
scythe_winLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";
			
var iceAge_quickHiBand = "<EMBED SRC='video/iceAge_quickHiBand.mov' WIDTH='240' HEIGHT='156' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
//iceAge_quickHiBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>"
var iceAge_quickLoBand = "<EMBED SRC='video/iceAge_quickLoBand.mov' WIDTH='220' HEIGHT='125' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
//iceAge_quickLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>"
	
var iceAge_winHiBand = "<object width='240' height='156' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
iceAge_winHiBand += "<param name='Filename' value='video/iceAge_winHiBand.wmv'>"
iceAge_winHiBand += "<param name='AutoStart' value='True'>"
iceAge_winHiBand += "<param name='ShowControls' value='True'>"
iceAge_winHiBand += "<param name='ShowStatusBar' value='False'>"
iceAge_winHiBand += "<param name='ShowDisplay' value='False'>"
iceAge_winHiBand += "<param name='AutoRewind' value='True'>"
iceAge_winHiBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='360' height='290'  src='video/iceAge_winHiBand.wmv' filename='video/iceAge_winHiBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
iceAge_winHiBand += "</embed>"
iceAge_winHiBand += "</object>"
iceAge_winHiBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>"

		
var iceAge_winLoBand = "<object width='220' height='145' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
iceAge_winLoBand += "<param name='Filename' value='video/iceAge_winLoBand.wmv'>"
iceAge_winLoBand += "<param name='AutoStart' value='True'>"
iceAge_winLoBand += "<param name='ShowControls' value='True'>"
iceAge_winLoBand += "<param name='ShowStatusBar' value='False'>"
iceAge_winLoBand += "<param name='ShowDisplay' value='False'>"
iceAge_winLoBand += "<param name='AutoRewind' value='True'>"
iceAge_winLoBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='240' height='210'  src='video/iceAge_winLoBand.wmv' filename='video/iceAge_winLoBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
iceAge_winLoBand += "</embed>"
iceAge_winLoBand += "</object>"
iceAge_winLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";

var jack_quickHiBand = "<EMBED SRC='video/jack_quickHiBand.mov' WIDTH='360' HEIGHT='286' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
var jack_quickLoBand = "<EMBED SRC='video/jack_quickLoBand.mov' WIDTH='240' HEIGHT='195' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
//jack_quickLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";

var jack_winHiBand = "<object width='360' height='290' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
jack_winHiBand += "<param name='Filename' value='video/jack_winHiBand.wmv'>"
jack_winHiBand += "<param name='AutoStart' value='True'>"
jack_winHiBand += "<param name='ShowControls' value='True'>"
jack_winHiBand += "<param name='ShowStatusBar' value='False'>"
jack_winHiBand += "<param name='ShowDisplay' value='False'>"
jack_winHiBand += "<param name='AutoRewind' value='True'>"
jack_winHiBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='360' height='290'  src='video/jack_winHiBand.wmv' filename='video/jack_winHiBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
jack_winHiBand += "</embed>"
jack_winHiBand += "</object>"
		
var jack_winLoBand = "<object width='240' height='210' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
jack_winLoBand += "<param name='Filename' value='video/jack_winLoBand.wmv'>"
jack_winLoBand += "<param name='AutoStart' value='True'>"
jack_winLoBand += "<param name='ShowControls' value='True'>"
jack_winLoBand += "<param name='ShowStatusBar' value='False'>"
jack_winLoBand += "<param name='ShowDisplay' value='False'>"
jack_winLoBand += "<param name='AutoRewind' value='True'>"
jack_winLoBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='240' height='210'  src='video/jack_winLoBand.wmv' filename='video/jack_winLoBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
jack_winLoBand += "</embed>"
jack_winLoBand += "</object>"
jack_winLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";

var finalMoments_quickHiBand = "<EMBED SRC='video/finalMoments_quickHiBand.mov' WIDTH='360' HEIGHT='286' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
var finalMoments_quickLoBand = "<EMBED SRC='video/finalMoments_quickLoBand.mov' WIDTH='240' HEIGHT='190' AUTOPLAY='true' CONTROLLER='true' CACHE='true' TYPE='video/quicktime'>"
//finalMoments_quickLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";

var finalMoments_winHiBand = "<object width='360' height='290' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
finalMoments_winHiBand += "<param name='Filename' value='video/finalMoments_winHiBand.wmv'>"
finalMoments_winHiBand += "<param name='AutoStart' value='True'>"
finalMoments_winHiBand += "<param name='ShowControls' value='True'>"
finalMoments_winHiBand += "<param name='ShowStatusBar' value='False'>"
finalMoments_winHiBand += "<param name='ShowDisplay' value='False'>"
finalMoments_winHiBand += "<param name='AutoRewind' value='True'>"
finalMoments_winHiBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='360' height='290'  src='video/finalMoments_winHiBand.wmv' filename='video/finalMoments_winHiBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
finalMoments_winHiBand += "</embed>"
finalMoments_winHiBand += "</object>"
		
var finalMoments_winLoBand = "<object width='240' height='210' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' id='mediaplayer1'>"
finalMoments_winLoBand += "<param name='Filename' value='video/finalMoments_winLoBand.wmv'>"
finalMoments_winLoBand += "<param name='AutoStart' value='True'>"
finalMoments_winLoBand += "<param name='ShowControls' value='True'>"
finalMoments_winLoBand += "<param name='ShowStatusBar' value='False'>"
finalMoments_winLoBand += "<param name='ShowDisplay' value='False'>"
finalMoments_winLoBand += "<param name='AutoRewind' value='True'>"
finalMoments_winLoBand += "<embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/' width='240' height='210'  src='video/finalMoments_winLoBand.wmv' filename='video/finalMoments_winLoBand.wmv' autostart='True'  showcontrols='True' showstatusbar='False'  showdisplay='False' autorewind='True'>"
finalMoments_winLoBand += "</embed>"
finalMoments_winLoBand += "</object>"
finalMoments_winLoBand += "<BR><img src = 'images/placeholder.gif' width = '360' height='1'>";


/******************************************************************************************************************************************************************************************************************/
// if emoticons are chosen, this is the table that gets written	
/******************************************************************************************************************************************************************************************************************/
function writeEmoticons(){
	emoticons = new Array();
	emoticons[0] = "playBoyBunny";
	emoticons[1] = "fertilization";
	emoticons[2] = "chromeBallKineticSculpture";
	emoticons[3] = "dollarCoin";
	emoticons[4] = "waterlily";
	emoticons[5] = "mushroomDance";
	emoticons[6] = "pixarLamp";

	emoticons[7] = "whateverFloatsYourBoat";
	emoticons[8] = "lifesaver";
	emoticons[9] = "smileyFaceSlimed";
	emoticons[10] = "blowFishSmiley";
	emoticons[11] = "hoolaHoop";
	emoticons[12] = "jumpRope";
	emoticons[13] = "smileyCopter";

	emoticons[14] = "A_fix";
	emoticons[15] = "B";
	emoticons[16] = "C";
	emoticons[17] = "N";
	emoticons[18] = "O";
	emoticons[19] = "Q";
	emoticons[20] = "R";

	emoticons[21] = "U";
	emoticons[22] = "Z";
	emoticons[23] = "yes";
	emoticons[24] = "NO";
	emoticons[25] = "XO";
	emoticons[26] = "viagra2";
	emoticons[27] = "idea";

	emoticons[28] = "Marilyn7YearItch";
	emoticons[29] = "michaelJackson";
	emoticons[30] = "brainJar";
	emoticons[31] = "toaster";
	emoticons[32] = "raphaelAngel";
	emoticons[33] = "chineseNewYear";
	emoticons[34] = "vertigo";

	emoticons[35] = "nowYerCookinWithGasSM";
	emoticons[36] = "tronFIX";
	emoticons[37] = "picassoGirlMirror";
	emoticons[38] = "whateverTicklesYourPickle";
	emoticons[39] = "bushMonkey";
	emoticons[40] = "mrT";
	emoticons[41] = "heartBeat";

	emoticons[42] = "catholic";
	emoticons[43] = "lamepickup3";
	emoticons[44] = "goodAndEvil";
	emoticons[45] = "bungeeJump";
	emoticons[46] = "pms";
	emoticons[47] = "missU";
	emoticons[48] = "tourettes";

	emoticons[49] = "pearl";
	emoticons[50] = "ohm";
	emoticons[51] = "pacifier";
	emoticons[52] = "vomit";
	emoticons[53] = "gift";
	emoticons[54] = "beerBottle";
	emoticons[55] = "split";

	tableBegin = "<table border='1' cellspacing='0' cellpadding='2' bgcolor='white'>";
	tableCellFront ="<td><img src='images/animation/coolericons/";
	tableCellEnd =".gif' alt='' width='48' height='48' border='0'></td>";
	tableEnd = "</tr></table>";

	iconTable = tableBegin;

	for (i=0; i<8; i++){
		iconTable += "<tr>"
		for (j=i*7; j<i*7+7; j++){
			iconTable += tableCellFront + emoticons[j] + tableCellEnd;
		}
		iconTable += "</tr>"
	}

	iconTable += tableEnd;

	//document.getElementById("animationContent").innerHTML = iconTable;
	
	return iconTable;

}

