/*
	<script type="text/javascript" src="/js/jquery.js"></script>
	<script type="text/javascript" src="/js/accordion.js"></script>
	
	<style type="text/css">
		.accordion dt
		{
			display: block;
			width: 100%;
			padding: 4px;
		}
		.accordion dd
		{
			display: none;
		}
		.accordion img
		{
			margin: 4px;
			vertical-align: middle;
			cursor: pointer;
		}
	</style>
	
	<dl class="accordion">
	  <dt><img src="/images/expand.png" alt="Expand"/>Header 1</dt>
	  <dd>
		<p>Body 1</p>
	  </dd>
	  <dt><img src="/images/expand.png" alt="Expand"/>Header 2</dt>
	  <dd>
		<p>Body 2</p>
	  </dd>
	</dl>
*/

jQuery.noConflict();	// avoid messing with other javascript libraries

var downIcon = '/images/addThis.gif';
var upIcon = '/images/addThis.gif';

jQuery(document).ready(function()
{
jQuery('.bookmark dd').hide("none");
jQuery('.bookmark > dt > img').click(function ()
	{
	if( jQuery(this).parent().next('dd').css("display") == "none" )
	{
		jQuery(this).parent().next('dd').show("normal")
		this.savedImage = this.src;
		this.savedAlt = this.alt;
		this.src = upIcon
		this.alt = 'Close';
	}
	else 
	{
		jQuery(this).parent().next('dd').hide("none"); 
		this.src = this.savedImage;
		this.alt = this.savedAlt;
	}
	});
});