// Do jQuery bits on document ready
$(document).ready(function() {
	// hide the menus apart from the 1st one
	$.each($("div.menu_body"), function(index){
		if (index == 0) {
			$("#firstmenu p.cola5:eq(0)").css({backgroundImage:"url(/template_images/arrow_down.gif)"});
		} else {
			$(this).hide();
		}
	});

	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstmenu p.cola5").click(function() {
		if ($(this).next("div.menu_body").is(":hidden")) {
			$(this).css({backgroundImage:"url(/template_images/arrow_down.gif)"});
		} else {
			$(this).css({backgroundImage:"url(/template_images/arrow.gif)"});
		}
		$(this).next("div.menu_body").slideToggle("slow").siblings("div.menu_body").slideUp("slow");
		$(this).siblings("p.cola5").css({backgroundImage:"url(/template_images/arrow.gif)"});
	});
});