// HomeDrawers.js
// Opens and closes the locations info on the CedarCreek Home page.

$(document).ready(function() {

	// default view. Hides Whitehouse and Toledo, only Perrysburg shows.
	$('#Whitehouse').removeClass('Selected');
	$('#Toledo').removeClass('Selected');
	
	// When a campus name is clicked, add the .Selected class,
	// remove .Selected from all others,
	// and make it's height 117px and all other's 35px.
	$('.Drawer').click(function() {
		
		$('.Selected')
			.animate({height: 35}, 'slow')
			.removeClass('Selected');
			
		$(this)
			.animate({height: 117}, 'slow')
			.addClass('Selected');
	
	});
	
	
	

});