$(document).ready(function() {
	$(".hiddenClass").css("display", "none");
	initShowHide();
});

function showHideDiv(divName, arrowDown, arrowUp) {
	if ($("#" + divName).is(':hidden')) {
		$("#" + arrowDown).css("display", "inline");
		$("#" + arrowUp).css("display", "none");
	} else {
		$("#" + arrowDown).css("display", "none");
		$("#" + arrowUp).css("display", "inline");
	}
	$('#' + divName).slideToggle('slow');
}

function shToggle(id) {
	if ($("#showHideArrow"+id).hasClass("expand-arrow")) {
		$("#showHideArrow"+id).removeClass("expand-arrow");
		$("#showHideArrow"+id).addClass("collapse-arrow");
		$("#showHideArrow"+id).attr('src', '/page/images/red_arrow_down.gif');
	} else if ($("#showHideArrow"+id).hasClass("collapse-arrow")) {
		$("#showHideArrow"+id).removeClass("collapse-arrow");
		$("#showHideArrow"+id).addClass("expand-arrow");
		$("#showHideArrow"+id).attr('src', '/page/images/orange_arrow.gif');
	}  
	$("#shContent"+id).slideToggle("fast");
}

function initShowHide() {
	$(".shContent").css("display", "none");
	$('.shHeading').each(function(index) {
		$(this).attr("id", "shHeading"+index);
		$(this).next('.shContent').attr("id", "shContent"+index);
		$(this).after('<a class="showHideHeading" href="#" onclick="shToggle(\''+index+'\')">'+$(this).text()+'&nbsp;<img style="margin: 3px 3px 0px 0px" id="showHideArrow'+index+'" class="expand-arrow" src="/page/images/orange_arrow.gif" border="0"></a>');
	});
	$('.shHeading').remove();
}