// Wait until the document is ready.
// This is not necessarily when the page is finished loading!
$( document ).ready( function( ){

	/**********************************
	 * show 'about us' information
	 **********************************/
	function showResource ( ele )
	{
		// Make sure the requested resource isn't already
		// displayed.
		if ( $( ele + '-links' ).is( ':hidden' ) )
		{
			// Hide the resource that is displayed.
			// ( This actually hides all resources )
			$( ".citycolor-links" ).slideUp( 'fast' );
			
			// Display requested resource
			$( ele + '-links').fadeIn( 'fast' );
		}
	}
	
	// Set onClick event listener for each stylist link.
	$(".reslinks").click(function(evt){
		// Trigger function to display the corresponding resource when 
		// a link is clicked.
		showResource ( evt.target.hash );
	});
	

});