/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
***********************************************/

/* IMPORTANT: Put script after tooltip div or
put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
origWidth = window.innerWidth; origHeight = window.innerHeight;
window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

/////////////////////// CUSTOMIZE HERE ////////////////////
// settings for tooltip
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 232;
var offX= 20; // how far from mouse to show tip
var offY= 12;
var tipFontFamily= "Tahoma, Trebuchet MS, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000";
var tipBgColor= "#fff";
var tipBorderColor= "#5dbb46";
var tipBorderWidth= 1;
var tipBorderStyle= "solid";
var tipPadding= 3;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing:
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('images/staff/staff_biopic_mmc.jpg','<strong>Mary-Mitchell Campbell</strong>, the founder of ASTEP, has worked as an award-winning music director, vocal coach, orchestrator, and private pianist to some of Broadway’s most successful performers.<p>She has performed at the White House, Carnegie Hall, as well as internationally in Russia and Amsterdam, and won a Drama Desk Award for her work in the Tony-nominated production of Company.<p><strong>Visit our Founder page for a complete bio.</strong>');
messages[1] = new Array('images/staff/staff_biopic_msalgado.jpg','<strong>Mauricio Salgado</strong> is Program Director for Artists Striving To End Poverty handling volunteer recruitment, training and coordination, program management and curriculum. Originally from Miami, Florida, Mauricio graduated with a BFA from The Juilliard School of Performing Arts. Mauricio has been invited by organizations around the world (the Dominican Republic, South Africa, Peru and India) to teach the ASTEP methodology of using the arts as a catalyst for mentorship and education. <p>In 2005 and 2006, Mauricio was hired as a teaching artist for Dreamyard to work with New York City public school children. He currently teaches annual Social Justice through the Arts workshops at Santa Clara and Juilliard Universities as well as directs ASTEP programming in Florida, New York City, South Africa and India. In March of 2009 Mauricio was presented with the prestigious Martin E Segal Award in recognition of his outstanding work with ASTEP.');
messages[2] = new Array('images/staff/staff_biopic_jlee.jpg','<strong>Jonathan Lee</strong> is currently an associate at Huntsman Gay Global Capital, a $1.1B private equity fund focusing on leveraged buyout, recapitalizations, and growth equity transactions in the middle market. Prior to joining HG, Jonathan was a consultant at the Boston Consulting Group in their New York office, where he worked with clients in industries including health care, financial services, and the public sector. <p>Jonathan is also an avid jazz saxophonist, and has performed twice at Lincoln Center as a featured soloist accompanied by orchestra as well as the 2004 Grammy Awards.  Jonathan graduated from Harvard University, where he received an A.B. in Economics with highest honors.');
messages[3] = new Array('images/staff/staff_biopic_bkonopka.jpg','<strong>Beth Konopka</strong> is currently Managing Director for ASTEP. Beth began her professional arts training at the National Ballet School, after which she graduated from Juilliard. While there, she performed professionally with the Errol Grimes Dance Group, the Pascal Rioult Dance Theater and Moving Still Life Performances.<p>While in NYC Beth has assisted choreographers Adam Hougland and Lauren Adams, been a featured model in the fine artworks of Nina J Chung, Ron Compton and Victoria Krassa and was also a contributing writer for Movmnt and Gold Rush Magazines as well as a Fitness Director/Trainer for NYHRC.<p>Beth has been invited to serve on several public panel discussions to speak about artists who transition and/or make careers into philanthropic work. In 2008 she spoke at Stella Adlers panel discussion entitled Movement: A Universal Language and was most recently featured in Dance Magazines: Lifetime Learners for her work with ASTEP.');
messages[4] = new Array('images/staff/staff_biopic_kumar2.jpg','<strong>Kumar Selvaraju</strong> is a data architect in the data architecture and information management division at Federal Reserve Bank of New York (FRBNY) primarily working within the Markets Group division. Before joining FRBNY, Kumar worked as a data consultant at Merrill Lynch and as well as Active Health Management. He has been living in United States for the past 10 years and in his spare time has been actively pursuing his passion for filmmaking since 2003. Last year, he finished directing his first independent feature film titled Knots Urbane which which took 4 years to complete. Most recently Kumar has started the process of obtaining an MBA part time at NYU Stern.');
messages[5] = new Array('images/staff/staff_biopic_jstokes.jpg','<strong>Jessica Walling Stokes</strong> is an Associate Director of Strategic Planning for Ernst & Young.  A former actress, Jessica appeared on Broadway in "The Diary of Anne Frank," and on regional theater stages all over the country for over a decade in shows from Shakespeare to Sondheim to Charles M. Schulz. Jessica is also a graduate of Harvard University. She now lives in Boston with her husband and daughter.');
messages[6] = new Array('images/staff/staff_biopic_dturner.jpg','<strong>David Turner</strong> traveled to South Africa in 2007 to observe ASTEP in action.  He shot and edited the 18 minute documentary currently featured on YouTube and on the ASTEP website.  In addition to his work as a filmmaker, David is a Broadway actor (including a Helen Hayes nominated performance in Monty Pythons Spamalot) and an award-winning composer (Jerry Harrington Award, BMI Workshop). He received his BA from Williams College and his CELTA (Certificate in English Language Teaching to Adults) from Cambridge University. He is proud to have served on the Grants Committee for BC/EFA (Broadway Cares/Equity Fights AIDS)');
messages[7] = new Array('images/volunteers/erich/erichsmall.jpg','<strong>Erich Jungwirth</strong>');
messages[8] = new Array('images/staff/staff_biopic_Jaimie.jpg','<strong>Jaimie Mayer</strong> is a Producer and active Philanthropist. She runs Dont Eat The Pictures Productions, a theater and film production company, and is the Managing Director of terraNOVA Collective, an off-off-Broadway company in residence at the DR2. Recent producing credits include the Broadway production of [title of show] and The Boy in The Bathroom at the New York Musical Theatre Festival. She is the Lead Producer on the feature film Armless, and a producer on the feature Redhook.<p> Jaimie holds an MFA in Theatre Management and Producing from Columbia Universitys School of The Arts, a BA in Theatre from Connecticut College and certificates from The Royal Academy of Dramatic Art, Atlantic Theater School, and Trinity/LaMaMa. She is a member of both the Broadway League and the Society of Stage Directors and Choreographers.');
messages[9] = new Array('images/staff/staff_biopic_Jim.jpg','<strong>Jim Jones</strong> leads the division of corporate advertising for the Exxon Mobil Corporation, the worlds largest publicly traded energy company.  He also helped design ExxonMobils citizenship efforts in Africa, most notably, the Corporations significant contribution to the fight against malaria. Prior to work in the private sector, Jim served as Vice President of the Childrens Defense Fund in Washington, DC, and as Executive Vice President of The Vaccine Fund, an independent multi-billion dollar organization founded by Bill and Melinda Gates, whose mission is to immunize every child in the worlds 75 poorest countries.');
messages[10] = new Array('images/staff/staff_biopic_svargo.jpg','<strong>Susan Vargo</strong> (Producer/Director, Paramount/Nickelodeon) is an independent producer whose theatrical projects include All Shook Up! on Broadway, Play on Broadway 2005,  Magician (a play based on the film The Apple by Michael J. Nelson) and Contract Players by Michael Domitrovich. Ms. Vargo is also producing a solo show for actor / comedian Baron Vaughn. She also serves as a strategic consultant for the Simmons-Lathan Media Group (HBO) specializing in comedy development. <p>Currently the Director of Live Theatricals for Paramount and Nickelodeon, Ms. Vargo also worked as a manager on and Off Broadway for over 8 years. Her show credits include Russell Simmons Def Poetry Jam on Broadway, Beauty and the Beast, Chicago, Annie Get Your Gun, The Vagina Monologues, King David, The Last Five Years, I Love You, You re Perfect, Now Change, The Thing About Men. Ms. Vargo is a graduate of The Theater School at De Paul University in Chicago.');
messages[11] = new Array('images/staff/staff_biopic_kchenoweth.jpg','<strong>Kristin Chenoweth</strong> made her Broadway debut in a production of Molière`s Scapin starring Bill Irwin, followed by the musical Steel Pier by John Kander and Fred Ebb, for which she won a Theater World award. She performed the role of Sally in the Broadway revival of You`re a Good Man, Charlie Brown. The production won Chenoweth the Tony, Drama Desk, and Outer Critics Circle Awards as the season`s Best Featured Actress in a Musical. In October 2003, Chenoweth returned to Broadway in Wicked, the smash hit musical about the early years of the witches of Oz.<p>Chenoweth starred on Broadway in the production of The Apple Tree and received rave reviews for her performance. In 2007 Chenoweth performed a solo concert at The Metropolitan Opera in New York, only the third musical theater star ever to present a solo concert at the Met.<p>She can currently be seen on television, portraying Olive Snook on the ABC dramedy Pushing Daisies and is the current face of Jude Frances jewelry. In June 2008, Chenoweth will reprise her role as Cunegonde in the English National Opera production of Candide.');
messages[17] = new Array('images/staff/staff_biopic_gcreel.jpg','<strong>Gavin Creel</strong> was raised in a small city in Ohio and wound up at the University of Michigan where he majored in musical theater. During his collegiate years, with sights set firmly on the New York stage, Creel started writing and creating his own sound that combined his love for pop music with the emotional energy of the theater.<p>Once he hit New York City, Creel broke out with a Best Actor Tony nomination for his Broadway debut in THOROUGHLY MODERN MILLIE. Since then, he has solidified his reputation as one of the business’ top young performers, starring in such productions as the Off-Broadway cult hit, BAT BOY, the world premiere of Stephen Sondheim’s BOUNCE, and most recently, the Tony Award winning revival of LA CAGE AUX FOLLES. In tandem with his success as an actor, Creel has thrilled sold-out crowds with his original pop music at venues all across New York, such as Irving Plaza, Joe’s Pub, and Arlene’s Grocery.<p>Currently Gavin is starring as Claude in the Broadway revival of Hair, to which he has received a Tony Award nomination. Creel`s much anticipated debut album, GOODTIMENATION, is also available for purchase online and in stores.');
messages[12] = new Array('images/staff/staff_biopic_jdoyle.jpg','<strong>John Doyle</strong> has been artistic director at several regional theaters in the United Kingdom, where he has staged more than 200 professional productions during a 30+ year career.<p>Trained at the University of Georgia in the United States, for the past 10 years Doyle has been associate director of the Watermill Theater. His 2004 staging of Stephen Sondheim`s Sweeney Todd moved from the Watermill to the West End of London in 2005. In November 2005 he re-mounted Sweeney on Broadway.<p>For Doyle`s next project, he moved on to reinvent Sondheim`s Company with a cast led by Raúl Esparza. In 2007, it won the Tony, Drama Desk, Outer Critic`s Circle and Drama League Awards for Best Revival of a Musical. Doyle also staged an actor/muso version of Mack and Mabel staring David Soul and Janie Dee in London`s West End.');
messages[13] = new Array('images/staff/staff_biopic_lkelehan.jpg','<strong>Lori Kelehan</strong> currently works in finance for the corporate card division at American Express.  Prior to American Express, Lori worked for Union Pacific Railroad in Omaha, Nebraska, spending equitable time in both auditing and finance.  Loris most recent experience with both companies was focused on system implementation and integration. Lori obtained a BS in finance from the University of Nebraska. Lori resides in New York with her husband, Mark.');
messages[14] = new Array('images/staff/staff_biopic_resparza.jpg','<strong>Raúl Esparza</strong> holds a Bachelor of Fine Arts in Drama from New York University`s Tisch School of the Arts. He first drew attention with his performance in the 2000 Broadway revival of The Rocky Horror Show, which won him the Theater World Award. The following year he appeared off-Broadway in tick, tick... BOOM! by Jonathan Larson, garnering a Drama Desk Award nomination as Outstanding Actor in a Musical. He received a Tony Award nomination and a Drama Desk Award for his performance in the Taboo.<p>Additional Broadway credits include Chitty Chitty Bang Bang (2005) and Sondheim`s Company (2006), for which he received his second Tony nomination. His off-Broadway work includes Comedians (2003) and The Normal Heart (2004). In November 2007, Raúl appeared in Harold Pinter`s play The Homecoming with Michael McKean and Ian McShane.<p> He recently had a recurring role on the show Pushing Daisies as traveling salesman Alfredo Aldarisio. In 2008, he played Charlie Fox in the revival of David Mamets Speed-the-Plow co-starring Jeremy Piven and Elisabeth Moss on Broadway. His performance in Speed-the-Plow earned him a Tony nomination for Best Actor in a play, making him the second performer after Boyd Gaines to be nominated in all four acting categories.');
messages[15] = new Array('images/staff/staff_biopic_clauper','<strong>Cyndi Lauper</strong> is an American Grammy Award- winning singer, MTV VMA-winning video and Emmy Award-winning film, television and theater actress. She became a household name in the mid-eighties with the release of the album, She`s So Unusual and became the first artist in history to have four top ten singles released from one album. Cyndi has released 11 albums, over 40 singles, and has sold more than 50 million albums worldwide. <p>She continues to tour the world in support of human rights.');
messages[16] = new Array('images/staff/staff_biopic_tcone.jpg','<strong>Tamera Cone</strong> attended the University of Florida and New World School of the Arts where she graduated with a BFA in Theater.  In 1998, Tamera co-founded and managed Miami-based New World School of the Arts Summer Arts Camp, a program aimed to give the underserved children of Dade County the opportunity to discover and explore their artistic talents at no cost to them or their families.  In 2000, Tamera co-developed an arts curriculum and taught elementary aged children Theater in Liberty City, one of Miamis most impoverished neighborhoods.  In 2002, Tamera left Miami for NYC, where she served as a Co-Artistic Director for an emerging theater company.<p> In 2007, Tamera joined the team of talented and generous arts educators at the Jamaica Center for Arts and Learning, where she is developing an arts curriculum for students ranging from age 5 to 15 aimed at integrating multiple learning goals under the auspice of drama.  Tamera is currently completing her Masters in International Education at the Steinhardt School at the NYU. Presently, Tamera is employed at Sesame Workshop as a Curriculum Specialist in the Outreach Division.');
messages[18] = new Array('images/staff/staff_biopic_hweiss.jpg','<strong>Heather Weiss</strong> began her career in the arts after obtaining a degree from the North Carolina School of the Arts with a BFA in Stage Management. She is currently the Assistant Stage Manager for <i>A Catered Affair</i> on Broadway and has worked on numerous other Broadway & Off-Broadway productions such as:  <i>Company</i>, <i>Altar Boyz</i>, <i>The Awesome 80s Prom</i>, <i>Naked Boys Singing!</i>, as well as numerous events for Broadway Cares: Equity Fights AIDS, and Paul Newman`s Annual Hole in the Wall Gang Camp Gala.  Heather is tremendously grateful to Mary-Mitchell and all of the artists involved with ASTEP who are striving to end poverty.');

//////////////////// END OF CUSTOMIZATION AREA ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
var theImgs = new Array();
for (var i=0; i<messages.length; i++) {
theImgs[i] = new Image();
theImgs[i].src = messages[i][0];
}
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="left" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top" align="left">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
// initTip - initialization for tooltip.
// Global variables for tooltip.
// Set styles for all but ns4.
// Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
if (nodyn) return;
tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
tipcss = (ns4)? document.tipDiv: tooltip.style;
if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites
tipcss.width = tipWidth+"px";
tipcss.fontFamily = tipFontFamily;
tipcss.fontSize = tipFontSize;
tipcss.color = tipFontColor;
tipcss.backgroundColor = tipBgColor;
tipcss.borderColor = tipBorderColor;
tipcss.borderWidth = tipBorderWidth+"px";
tipcss.padding = tipPadding+"px";
tipcss.borderStyle = tipBorderStyle;
}
if (tooltip&&tipFollowMouse) {
if (ns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = trackMouse;
}
}

window.onload = initTip;

/////////////////////////////////////////////////
// doTooltip function
// Assembles content for tooltip and writes
// it to tipDiv
/////////////////////////////////////////////////
var t1,t2; // for setTimeouts
var tipOn = false; // check if over tooltip link
function doTooltip(evt,num) {
if (!tooltip) return;
if (t1) clearTimeout(t1); if (t2) clearTimeout(t2);
tipOn = true;
// set colors if included in messages array
if (messages[num][2]) var curBgColor = messages[num][2];
else curBgColor = tipBgColor;
if (messages[num][3]) var curFontColor = messages[num][3];
else curFontColor = tipFontColor;
if (ns4) {
var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
tooltip.write(tip);
tooltip.close();
} else if (ie4||ie5||ns5) {
var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
tipcss.backgroundColor = curBgColor;
tooltip.innerHTML = tip;
}
if (!tipFollowMouse) positionTip(evt);
else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
// positionTip function
// If tipFollowMouse set false, so trackMouse function
// not being used, get position of mouseover event.
// Calculations use mouseover event position,
// offset amounts and tooltip width to position
// tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
if (!tipFollowMouse) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
}
// tooltip width and height
var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
// document area in view (subtract scrollbar width for ns)
var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
// check mouse position against tip and window dimensions
// and position the tooltip
if ((mouseX+offX+tpWd)>winWd)
tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
if ((mouseY+offY+tpHt)>winHt)
tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
if (!tooltip) return;
t2=setTimeout("tipcss.visibility='hidden'",100);
tipOn = false;
}

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')