$(function(){


//------------------------------------//
// Show/Hide Functionality
//------------------------------------//
    // Hide all div's with the class "shBox"
	$('.shBox').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.showHide').toggle(
		function(){
		    if ($(this).hasClass("shTitle")){
		        $(this).addClass("shTitleOpen")
		    }
		    // Fade in the element
			$($(this).attr('href')).fadeIn("slow")
		},
		function(){
		    if ($(this).hasClass("shTitle")){
		        $(this).removeClass("shTitleOpen")
		    }
			// Fade out the element
			$($(this).attr('href')).fadeOut("fast")
		}
	);
//------------------------------------//

	
});	//---End of onLoad event ---//