$(document).ready(function(){
      jQuery('.gallery_image a img').load(function() {
        jQuery(this).fadeIn(500);
    });
	$(".sub_nav").hide();
/* 	$('').insertAfter('a h3'); 				    */
	$("a h3").click(function(){
		if($(this).is(".active")) {
         $(this).toggleClass("active");
/* 		 $('.arrow.active').attr('src','arrow-down.png'); // change the image src of the current ACTIVE image to have an INACTIVE state. */
         $(this).parent().next(".sub_nav").slideToggle();
         return false;
		} else {
			$(".sub_nav:visible").slideUp("slow"); // close all visible divs with the class of .sub_nav
			$(".sub_nav2:visible").slideUp("slow"); // close all visible divs with the class of .sub_nav

			$("h3.active").removeClass("active");  // remove the class active from all h3's with the class of .active
			$("h4.active").removeClass("active");  // remove the class active from all h3's with the class of .active

			$(this).toggleClass("active");
/* 			$('.arrow.active').attr('src','arrow-down.png'); // change the image src of the current ACTIVE image to have an INACTIVE state. */
/* 			$(".arrow").addClass('active'); */
/* 			$(this).siblings('.arrow.active').attr('src','arrow-up.png'); // change the image src of the new active image to have an active state. */
			$(this).parent().next(".sub_nav").slideToggle();
			return false;
		}
	});
});

////----------------------------------------------------------------
  $(document).ready(function(){
	$(".sub_nav2").hide();
/* 	$('<img src="" class="arrow" />').insertAfter('a h4'); 				    */
	$("a h4").click(function(){
		if($(this).is(".active")) {
         $(this).toggleClass("active");
/* 		 $('.arrow.active').attr('src','arrow-down.png'); // change the image src of the current ACTIVE image to have an INACTIVE state. */
         $(this).parent().next(".sub_nav2").slideToggle();
         return false;
		} else {
			$(".sub_nav2:visible").slideUp("slow"); // close all visible divs with the class of .sub_nav
			$("h4.active").removeClass("active");  // remove the class active from all h3's with the class of .active
			$(this).toggleClass("active");
/*
			$('.arrow.active').attr('src','arrow-down.png'); // change the image src of the current ACTIVE image to have an INACTIVE state.
			$(".arrow").addClass('active');
			$(this).siblings('.arrow.active').attr('src','arrow-up.png'); // change the image src of the new active image to have an active state.
*/
			$(this).parent().next(".sub_nav2").slideToggle();
			return false;
		}
	});
});