$(document).ready(function(){
	//HIDE all content of every box with class hide and set heading to toggle the content visibility
	$(".hide").each(function(){
		$(this).find(".content").hide(0);
		$(this).find("h2").addClass("handCursor");
		$(this).find("h2").click(function(){
			$(this).parent().find(".content").slideToggle("medium");
			var i = $(this).find(".moreArrow").attr('src');
			if (i == openArrow)	$(this).find(".moreArrow").attr('src',closeArrow);
			else				$(this).find(".moreArrow").attr('src',openArrow);
		});
	});
	//END HIDE
	
	//AUTOMATICALY open boxes with class opened again
	$(".opened").each(function(){
		$(this).find(".content").show(0);
	});
	
});
