var rightArrow = "\u25ba"; /* "►" */
var downArrow = "\u25bc"; /* "▼" */

var rightArrowImg = "<IMG src=\"/images/right-arrow.gif\"> ";
var downArrowImg = "<IMG src=\"/images/down-arrow.gif\"> ";

$(document).ready(function(){
	if($("#catalog")) {
		$("#catalog dd").hide();
		$("#catalog dt span").each(function() {
		  $(this).html(rightArrowImg+$.trim($(this).text()));
		});

		$("#catalog dt span").click(function() {
			if(this.className.indexOf("clicked") != -1) {
				$(this).parent().next().slideUp(200);
				$(this).removeClass("clicked");
				$(this).html(rightArrowImg+$.trim($(this).text()));
			}
			else {
			    $("#catalog dt span").each(function() {
				  if(this.className.indexOf("clicked") != -1) {
				    $(this).parent().next().slideUp(200);
				    $(this).removeClass("clicked");
					$(this).html(rightArrowImg+$.trim($(this).text()));
				  }
				});
				$(this).addClass("clicked");
				$(this).html(downArrowImg+$.trim($(this).text()));
				$(this).parent().next().slideDown(800);

			}
			return false;
		});
	}
});