$(document).ready(function(){

//------------------------------------//
// Show/Hide Functionality
//------------------------------------//
    // Hide all div's with the class "shBox"
	$('.goodies').hide();
	
	// Create show/hide functionality
	// Desc: Basically, this attaches a toggle onClick event to each
	// 'a' tag that has the class 'showHide'
	// The 'a' tag's HREF attribute value is the ID of the
	// element to be shown/hidden.
	$('a.toggler').toggle(
		function(){
		    if ($(this).hasClass("shTitle")){
		        $(this).addClass("shTitleOpen")
		    }
		    // Fade in the element
			//$($(this).attr('href')).fadeIn("slow")
			$($(this).attr('href')).show()
		},
		function(){
		    if ($(this).hasClass("shTitle")){
		        $(this).removeClass("shTitleOpen")
		    }
			// Fade out the element
			//$($(this).attr('href')).fadeOut("fast")
			$($(this).attr('href')).hide()
		}
	);
	
	$('a.toggler').click(function(){
			// Fade in the element
			//$($(this).attr('href')).fadeIn("slow")
			$($(this).attr('href')).show()
			$(this).hide();
		}		
	);
	
//------------------------------------//







});