$(document).ready(function(){


	/* OLD - JUNK
    $("h3.slidemenu ul:not(:first)").hide();
    $("h3.slidemenu a").click(function(){
    	$(this).parent().next().siblings("h3.slidemenu ul:visible").slideUp("slow");
    	$(this).parent().next().slideToggle("slow");
    	return false;
    });
	*/

		
	/* A STEP
		$('#dropdownArtists').hover(
		       function(){ $('#artistsList').addClass('hide') },
		       function(){ $('#artistsList').removeClass('hide') }
		);
	*/

	/* 1ST ONE - just show/hide no animate */
	//@need to improve code, also would be nice to carry variable to other pages so shows once clicked
	//ended up not using, for first section that is commented out
	/*
		$("#dropdownArtists").toggle(
		  function () {
		    $("#artistsList").removeClass("hide");
		    $("#dropdownArtists").html("Hide Artists");
		  },
		  function () {
		    $("#artistsList").addClass("hide");
		    $("#dropdownArtists").html("Show Artists");
		  }
		);
	*/

	/* 2ND ONE - animates, a little jumpy though */
		//@ could improve by initially hiding w css (like above) and toggling so you don't see it on load
	
	//hide the all of the element with class msg_body
	$("#artistsList").hide();
	
	//toggle the componenet with class msg_body
	$("#dropdownArtists").click(function() {
		$(this).next("#artistsList").slideToggle(300);
	});

	//TOGGLES THE WORDS show/hide
	$("#dropdownArtists").toggle(
	  function () {
	    $("#dropdownArtists").html("Hide Artists");
	  },
	  function () {
	    $("#dropdownArtists").html("Show Artists");
	  }
	);


});