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

//var additionalViagra:String;

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

images.push("att_network");
mainContent.push("<div id='att_network_slideshow' class='slideshow' style='width:400px;display:none'><img src='images/interactive/att_network1.jpg' width='400' height='320' onload='initSlideshow();return false;'/><img src='images/interactive/att_network2.jpg' width='400' height='320' /><img src='images/interactive/att_network3.jpg' width='400' height='320' /><img src='images/interactive/att_network4.jpg' width='400' height='320' /></div>");
textLeft.push("2011");
textRight.push("<a href='http://yourbusiness.att.com/transformgov/index2.php'>AT&amp;T Network Transformation<a/>");
additionalText.push( "Microsite: PHP/HTML/CSS/JS. JWPlayer serving up mp4/flv video depending on flash detection");


images.push("wpp_holiday");
mainContent.push("<iframe src='iframe/flash_captures/wpp_holiday.html' width='400' height='271' frameborder='0' style='overflow:hidden;overflow-x: hidden;overflow-y: hidden;' scrolling='no'></iframe>");
textLeft.push("2010");
textRight.push("<a href='http://www.happyholidaysfromchemistry.com/'>Happy Holidays from Team Chemistry<a/>");
additionalText.push( "Greeting Card Service. Users are invited to create a snowflake with thew drawing tool, attach a message, and send to a friend/colleague. The recipient receives and email bringing them to the site, where their unique snowflake and message are displayed. Snowflakes are public and users can rollover to see other messages that have been sent.<br/><br/> Responsible for front-end - AS3/AJAX Development<br/><br/>MVC AS3 Framework<br/>WCF back-end, XML static data content<br/><br/>I think the most interesting aspect of this was how we went about storing the snowflake data; Initially I created a test that saved out a PNG bitmap of the snowflake to be downlaodded later. The back-end folks didn't like the number of potential database calls &amp; http requests (rolls eyes) so what I ended up doing was defining each snowflake as a XML list of shapes with scale, rotation, x-loc & y-loc attributes. This got passed to the REST service via flash and stored in the DB. When retrieving the user's snowflake later, flash was setup to parse the XML and recreate the snowflake with library vector shapes");


images.push("sprite");
mainContent.push("<iframe src='iframe/flash_captures/sprite_spark.html' width='400' height='412' frameborder='0' style='overflow:hidden;overflow-x: hidden;overflow-y: hidden;' scrolling='no'></iframe>");
textLeft.push("2010");
textRight.push("<a href='http://apps.facebook.com/sprite_spark_film/?ref=bookmarks&count=0'>Sprite Spark Movie Director Facebook Application<a/>");
additionalText.push("Facebook users can select characters, settings and plots to create their own animated short films. Users can manage &amp; share films, create playlists, watch the films of others, view behind the project scenes<br/><br/>Responsible for AS3 developmenton various areas of flash front-end<br/>MVC Framework<br/>XML Driven (for static data content)<br/><br/>Something I recall as rather neat about this one was having to come up with smart textfields that would stretch/grow/re-center/truncate/append to handle user-input of unknown length in various languages.");


images.push("shurafa");
mainContent.push("<iframe src='iframe/flash_captures/shurafa_consulting.html' width='400' height='281' frameborder='0' style='overflow:hidden;overflow-x: hidden;overflow-y: hidden;' scrolling='no'></iframe>");
textLeft.push("2009");
textRight.push("<a href='http://www.shurafa.com'>Shurafa Consulting</a>");
additionalText.push( "Website & CMS; AJAX & Flash front-end, PHP/MySQL back-end");


images.push("chevron_ECOnomics");
mainContent.push("<iframe src='iframe/chevron_ECOnomics/index.html' width='400' height='310' frameborder='0' style='overflow:hidden;overflow-x: hidden;overflow-y: hidden;' scrolling='no'></iframe> <br/><br/><img src='images/interactive/chevron_eco30.jpg' style='margin-left:10px'/><img src='images/interactive/chevron_eco27.jpg' style='margin-left:32px'/><br/><br/>");
textLeft.push("");
textRight.push("Chevron ECOnomics Conference Touchscreen");
additionalText.push( "This was a touchscreen kisosk developed for Chevron Q1 2009 using AS3 and Helios' projector & touchscreen system.4 projectors each projecting a swf, I was responsible for the content - 3 different content-type loaders which react & load appropriate swfs/flvs/imgs based on what they find in their associated xml. Another dev did the larger projected background swf & the scrolling drag-n-drop 'shell' into which content loads. Video is probably going to be slow here - was compressed for local loading.");

images.push("msh");
mainContent.push("<iframe src='iframe/msh/embedObj.html' width='400' height='310' frameborder='0' style='overflow:hidden'></iframe>");
textLeft.push("go to <a href='http://products.marthastewart.com' target='newsite'><u>products.marthastewart.com</u></a>");
textRight.push("Martha Stewart Holiday Product Site");
additionalText.push("Developed in AS3 by 3 developers including myself, using the pureMVC framework; deeplinking with swfAddress, Tweenlite used for animation, Omniture for tracking. <br/><br/>Q4 2008");

images.push("banners");
var _bannerHTML = "<table  height='399' width='400' border='0' cellpadding='0' cellspacing='0'><tr><td>";
_bannerHTML+= "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='125' height='400' id='diversion_150x480_v4' align='middle>";
_bannerHTML += "<param name='allowScriptAccess' value='sameDomain' />";
_bannerHTML += "<param name='movie' value='flash/diversion_150x480_v4.swf' />";
_bannerHTML += "<param name='quality' value='high' />";
_bannerHTML += "<param name='bgcolor' value='#000000' />";
_bannerHTML += "<embed src='flash/diversion_150x480_v4.swf' quality='high' bgcolor='#000000' width='125' height='400' name='diversion_150x480_v4' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />";
_bannerHTML += "</object></td>";
_bannerHTML += "<td><img src='http://www.ursart.com/images/placeholder.gif' width='9' height='9'/></td>";
_bannerHTML += "<td><table height='400' border='0' cellpadding='0' cellspacing='0'>";
_bannerHTML += "<tr><td>";
_bannerHTML += "<iframe src='iframe/nb_solemate.html' width='240' height='200' frameborder='0' style='overflow:hidden'> ";
_bannerHTML += "</iframe> ";
_bannerHTML += "</td></tr>";
_bannerHTML += "<tr><td><img src='http://www.ursart.com/images/placeholder.gif' width='15' height='15'/> </td></tr>";
_bannerHTML += "<tr><td><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='240' height='180' id='luxacorEBlast_amicar_REMOVE' align='middle'>";
_bannerHTML += "<param name='allowScriptAccess' value='sameDomain' />";
_bannerHTML += "<param name='allowFullScreen' value='false' />";
_bannerHTML += "<param name='movie' value='flash/luxacorEBlast_amicar.swf' />";
_bannerHTML += "<param name='quality' value='high' />";
_bannerHTML += "<param name='bgcolor' value='#000000' />";
_bannerHTML += "<embed src='flash/luxacorEBlast_amicar.swf' quality='high' bgcolor='#000000' width='240' height='180' name='luxacorEBlast_amicar_REMOVE' align='middle' allowScriptAccess='sameDomain' allowFullScreen='false' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
_bannerHTML += "</td></tr></table></td> </tr></table>";
 
mainContent.push(_bannerHTML);

textLeft.push("banners and blasts");
textRight.push("");
additionalText.push("Here's a few samples of short animations designed by various art directors for which I did the flash dev/animation.<br><br>Packages include but are not limited to tracking API's, 3D rendered to vectors, Custom/3rd party classes, and a bit of geometry and trigonometry when I'm lucky. <br><br>All animation/tweening is carried out with AS generally on a single frame, with the exception of motion guides and frame-by-frame stuff like character animation.<br><br>Agencies/Tech Leads/Developers/Whoever cares:<br>The New Balance piece above is a pretty good example of one of the more interactive banners I've developed<br><a href='#'id='srcLink' onMouseOver = 'highlightViewSrc()' onMouseOver = 'dimViewSrc()' onClick='getSrc(\"../includes/animation_nbSrc.txt\",1625)'><img src='images/buttons/viewSrc_off.gif'  border='0' id='srcLinkImg' ></a>");




images.push("viagra");
mainContent.push("<iframe src='iframe/viagra1.html' width='400' height='281' frameborder='0' style='overflow:hidden'></iframe>");
textLeft.push("go to <a href='http://www.viagra.com' target='newsite'><u>www.viagra.com</u></a>");
textRight.push("<a href='#viagra' id='swapVideoLink' onClick = 'swapSwf(\"lids\"); return false;'><u>click here to switch video theme</u></a>");
additionalText.push("This was one of several interactive modules I worked on for Viagra.com; 4 possible different user experiences using the same SWF, dependent on variables passed to it via SWFObject.js to ensure identical replication of changes across all permutations throughout development while minimizing the proliferation of superfluous file versions.<br><br>Developed using Flash MX 8, Hitbox Tracking; Poll database developed by Pointroll<br><br>Agencies/Tech Leads/Developers/Whoever cares:<br><a href='#'id='srcLink' onMouseOver = 'highlightViewSrc()' onMouseOver = 'dimViewSrc()' onClick='getSrc(\"../includes/interVideo_viagraSrc.txt\",1550)'><img src='images/buttons/viewSrc_off.gif'  border='0' id='srcLinkImg' ></a>");

additionalViagra = "<iframe src='iframe/viagra2.html' width='400' height='281' frameborder='0' style='overflow:hidden'> ";
additionalViagra += "</iframe> ";





images.push("tobi");

var _tobiHTML = "<table height='328' width='400' border='0' cellpadding='0' cellspacing='0'><tr><td>";
_tobiHTML += "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='197' height='328' id='flash/TOBI_caseStudy_jess' align='middle'>";
_tobiHTML += "<param name='allowScriptAccess' value='sameDomain' />";
_tobiHTML += "<param name='movie' value='flash/TOBI_caseStudy_jess.swf' />";
_tobiHTML += "<param name='quality' value='high' />";
_tobiHTML += "<param name='bgcolor' value='#ffffff' />";
_tobiHTML += "<embed src='flash/TOBI_caseStudy_jess.swf' quality='high' bgcolor='#ffffff' width='197' height='328' name='flash/TOBI_caseStudy_jess' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />";
_tobiHTML += "</object></td>";
_tobiHTML += "<td><img src='http://www.ursart.com/images/placeholder.gif' width='6' height='6'/></td>";
_tobiHTML += "<td><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='197' height='328' id='flash/TOBI_caseStudy_kris' align='middle'>";
_tobiHTML += "<param name='allowScriptAccess' value='always' />";
_tobiHTML += "<param name='swliveconnect' value='true'/>";
_tobiHTML += "<param name='movie' value='flash/TOBI_caseStudy_kris.swf' />";
_tobiHTML += "<param name='quality' value='high' />";
_tobiHTML += "<param name='bgcolor' value='#ffffff' />";
_tobiHTML += "<embed src='flash/TOBI_caseStudy_kris.swf' quality='high' bgcolor='#ffffff' width='197' height='328' name='flash/TOBI_caseStudy_kris' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' swliveconnect='true'/></object>";
_tobiHTML += "</td></tr></table>";

mainContent.push(_tobiHTML);
textLeft.push("");
textRight.push("");
additionalText.push("These were done in Flash CS3 for a kiosk at a convention with the intention of informing doctors about TOBI in the form of fictional case studies.<br><br>The neat thing about this one was setting it up such that with the change of one initial variable it would pull in different artwork and patient information while utilizing the same functions and loops, thus ensuring pixel-accurate consistency between the two throughout the feedback process.");




images.push("potion");
mainContent.push("<iframe src='iframe/potion.html' width='400' height='262' frameborder='0' style='overflow:hidden'></iframe> ");
textLeft.push("go to <a href='http://www.potionny.com' target='newsite'><u>www.potionny.com</u></a>");
textRight.push("");
additionalText.push("This was a Flash and E-commerce website I did for Potion NY Jewelry Q2 2006. The site is php in architecture, including a php/mySQL store powered by liteCommerce, with an introductory flash animation & other flash elements throughout.<br><br>I carried out all tasks on the site, including initial concept development with the client, animation/actionscripting, 3D, php/html/javascript, store customization &amp; connection to the payment gateway, security certificate installation, merchant account setup and inventory database upload/maintenance.<br><br>Developed using Flash MX Professional 2004, Maya 7.0, Adobe Photoshop, Illustrator, GoLive, liteCommerce E-commerce Cart, easyPHPCalendar");


images.push("lexus");

mainContent.push("<iframe src='iframe/lexus.html' width='400' height='269' frameborder='0' style='overflow:hidden'></iframe> ");

textLeft.push("");
textRight.push("");
additionalText.push("This was a viral marketing campaign launched in September 2005 for Lexus' latest luxury model, the IS. While providing users with product information via an interactive flash interface, the site offered users the opportunity to upload their own photos to be incorporated into a mosaic image of the IS. If desired, the images could also be displayed on the Reuter's Jumbotron in Times Square, and a photo of the displayed image taken at the time of broadcast to be emailed to the user.<br><br>I was brought on as a flash animator/actionscripter in a team of 6 developers/designers by <a href = 'http://www.veniceconsulting.com' target='vcg'><u>Venice Consulting Group</u></a><br><br>Developed using Flash MX Professional 2004 & the Zoomifier plug-in by Zoomify<br><br>");
/*
images.push("vcg");
var _vcgHTML = "<object class='flashDiv' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='400' height='300' id='procModelResize' align='middle'>";
_vcgHTML += "<param name='movie' value='flash/procModelResize.swf' />";
_vcgHTML += "<param name='quality' value='best' />";
_vcgHTML += "<param name='play' value='true'>";
_vcgHTML += "<param name='bgcolor' value='#ffffff' />";
_vcgHTML += "<embed src='flash/procModelResize.swf' quality='high' bgcolor='#ffffff' width='400' height='300' name='flash/procModelResize' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />";
_vcgHTML += "</object>";
mainContent.push(_vcgHTML);
textLeft.push("");
textRight.push("");
additionalText.push("This was one of several interactive animations I did for the Venice Consulting Website. Each of the bullet links that appears when a quadrant is clicked linked to a javascript window with more information. (linking is disabled here)");




images.push("exubera");
var _exuberaHTML = 
mainContent.push("<object class='flashDiv' id='exubera' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.#version=5,0,30,0' width='343' height='400' align='absmiddle'><param name='movie' value='flash/exubera/virtualinhaler_v9.swf'><param name='quality' value='best'><param name='play' value='true'><param name='bgcolor' value='#294754'><embed align='absmiddle'height='400' width='343' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' src='flash/exubera/virtualinhaler_v9.swf' type='application/x-shockwave-flash' quality='best' play='true'></object>");	
mainContent.push();
textLeft.push("Click Play Button to start video");
textRight.push("");
additionalText.push("This module was developed at G2 Q1 2007 to demonstrate usage and functionality of the Exubera Inhaler with video and an interactive 360 demonstration.This went through 3/4 developers at G2 before I inherited it; I did the debugging & changes from legal/tech QA in the final weeks before delivery</u></a><br><br>Developed using Flash MX Professional 2004, Fusekit<br><br>");


images.push("bmw");
var _bmwHTML = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='400' height='297' id='kiosk_uWing_MX2' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='flash/bmw/kiosk_uWing_MX2.swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><embed src='flash/bmw/kiosk_uWing_MX2.swf' quality='high' bgcolor='#ffffff' width='400' height='297' name='kiosk_uWing_MX2' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
mainContent.push(_bmwHTML);
textLeft.push("Click Start Button to commence");
textRight.push("");
additionalText.push("This was part of a pitch to BMW by G2, one element of which was a mock kiosk demonstrating a video game to be housed within Dealerships as an incentive to applying for a BMW credit card.  <br><br> The video you wil notice, is miserable in quality, and was even worse when I got it. I did what I could in AE but you know, sows ears and silken purses and all that... <br><br>Developed using Flash 8, After Effects");
*/


//currentImage = "wpp_holiday";