Switch Content script - highlight selected

[katebellami]

1) Script Title:
Switch Content script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...tchcontent.htm


3) Describe problem:
I would like the switch content images that you click on to remain swapped (highlighted) when they are expanded/selected. Here is a link to the site:

http://www.be-eventproductions.com/temp/theBEteam.html

thanks!

[katebellami]

here is the code if that helps more than the link itself:

<a href="BEatyourservice.html"><img src="images/BEatyourservice.png" style="margin-top:150px; margin-left:225px; border:none;;" class="domroll images/BEatyourservice-on.png" alt="BE home" /></a>
<img src="images/clover.png" style="margin-top:150px; border:none; " />
<a href="BEintouch.html"><img src="images/BEintouch.png" style="margin-top:145px; border:none; " class="domroll images/BEintouch-on.png" alt="the BE team" /></a>
<br />
<img src="images/menu_border.png" align="left"  />

<img src="images/menu_border.png" align="right"  />

</div>


<div class="all_content">
<center>

<span id="susan-title" class="handcursor"><img src="images/susan_hernandez.png" style="border:none; margin-right:10px; margin-top:30px; margin-bottom:40px;" class="domroll images/susan_hernandez-on.png" /></span>
<span id="stacey-title" class="handcursor"><img src="images/stacey_vuolo.png" style="border:none; margin-right:10px; margin-top:30px; margin-bottom:40px;" class="domroll images/stacey_vuolo-on.png" /></span>
<span id="tracey-title" class="handcursor"><img src="images/tracey_jemieson.png" style="border:none; margin-top:30px; margin-bottom:40px;" class="domroll images/tracey_jemieson-on.png" /></span>
</center>


<div id="susan" class="switchgroup1">

<!--Susan bio-->

<table class="plain_text">
<tr>
<td colspan="3">
<img src="images/Susan-title.png" />
</td>
</tr>
<tr>
<td width="315px" valign="top">

Who knew back when I was 18 and planning my parent's 25th Anniversary Party that I’d eventually be planning meetings and events all over the world!  After my college years at Kean University, I took the plunge into the workforce starting my career at Keith Wold Johnson Child Care Center as a Pre-School Teacher.  After 5 years I discovered my true passion and made the move to meeting and event planning. In November 1999, I started at the event production firm where I met my business partners.  During my 12 years there, I climbed the ranks to the title of Senior Meeting and Event Producer and traveled to more than a dozen states and many countries!  And now here I am at Be Event Productions!
<p>
All right, so you’ve heard about my background and experience, now here are some things you wouldn’t find on a resume.  In the spirit of “Inside the Actor’s Studio” (with a twist), here’s some more about me...
</p>
</td>

<td style="background-image: url(dots.png); background-repeat:repeat-y" width="50px">
</td>

<td width="385px" valign="top">

<span style="margin-left: 20px; text-indent:-20px; display:block"><i>1. What is your favorite word?</i></span>
<span class="green" style="padding-left: 20px; display:block">Serendipity</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>2. What is your least favorite word?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Phlegm</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>3. What turns you on?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Sense of humor</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>4. What turns you off? </i> </span>
<span class="green" style="padding-left: 20px; display:block">Meanness and ignorance people</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>5. What sound do you love?  </i></span>
<span class="green" style="padding-left: 20px; display:block">The hiss of a Diet Pepsi (from a fountain) as it hits the ice.</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>6. What sound do you hate?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Anything sung by Patti Lupone or Bernadette Peters</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>7. What is your favorite curse word? </i> </span>
<span class="green" style="padding-left: 20px; display:block">Vaffanculo</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>8. What profession other than yours would you like to attempt?</i>  </span>
<span class="green" style="padding-left: 20px; display:block">Marine biologist</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>9. What profession would you not like to do?</i>  </span> 
<span class="green" style="padding-left: 20px; display:block">A guard at Rikers Island</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>10. If heaven exists, what would you like to hear God say when you arrive     
     at the pearly gates?  </i></span>
<span class="green" style="padding-left: 20px; display:block">'What took you so long? You look GREAT!'</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>11. What is your favorite meal and where can you get it?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Le Panier (basket of delicious baked goods) and a french press full of 
     steaming hot coffee at Balthazar</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>12. My Happy Place is? </i> </span>
<span class="green" style="padding-left: 20px; display:block">In a first class seat heading somewhere new!</span>

</td>
</tr>
</table>
<br />


<!--end Susan bio-->
</div>



<div id="stacey" class="switchgroup1">

<!--Stacey bio-->


<table class="plain_text">
<tr>
<td colspan="3">
<img src="images/Stacey-title.png" />
</td>
</tr>
<tr>
<td width="315px" valign="top">

Who knew back when I was 16 and planning the Junior/Senior prom at the Holiday Inn South Brunswick that I’d be planning events all over the world!  After my college years at Rutgers University, I took the plunge into the workforce starting my Event Planning career at the Institute for International Research as a conference coordinator.  After some time, I made the move to McKinsey & Company where I stayed for four-plus years planning international, internal training programs. In May 2004, I started at the event production firm where I met my business partners.  During my seven years there, I worked as a consultant in the Event Management Group at Goldman Sachs planning conferences, roadshows and other client & internal events.  Over the course of my 12 years as a corporate event planner, I have planned events in over 15 states and over 10 countries.  I have also dabbled in planning weddings, Sweet Sixteen celebrations and other personal events.  Here I am now at Be Event Productions! 
<p>
All right, so you’ve heard about my background and experience, now here are some things you wouldn’t find on a resume.  In the spirit of “Inside the Actor’s Studio” (with a twist), here’s a little more about me.
</p>
</td>

<td style="background-image: url(dots.png); background-repeat:repeat-y" width="50px">
</td>

<td width="385px" valign="top">


<span style="margin-left: 20px; text-indent:-20px; display:block"><i>1. What is your favorite word?</i></span>
<span class="green" style="padding-left: 20px; display:block">Chackka</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>2. What is your least favorite word?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Panties</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>3. What turns you on?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Gut-busting, tear-inducing laughter</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>4. What turns you off? </i> </span>
<span class="green" style="padding-left: 20px; display:block">A bad handshake</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>5. What sound do you love?  </i></span>
<span class="green" style="padding-left: 20px; display:block">The moment my husband’s laugh becomes a cackle</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>6. What sound do you hate?  </i></span>
<span class="green" style="padding-left: 20px; display:block">Loud, aggressive nose blowing</span>
<span style="margin-left: 20px; text-indent:-20px; display:block"><i>7. What is your favorite curse word? </i> </span>
<span class="green" style="padding-left: 20px; display:block">Fark (the PG version of my real fav)</span>


</td>
</tr>
</table>
<br />


<!--end Stacey bio-->
</div>




	<script type="text/javascript">
 	var disclosure=new switchcontent("switchgroup1", "div") //Limit scanning of switch contents to just "div" elements
 	disclosure.setColor('#262261', '#262261')
 	disclosure.setPersist(true)
 	disclosure.collapsePrevious(true) //Only one content open at any given time
 	disclosure.init()
 	</script>