$(document).ready(function(){

	//$(".nav ul li").hover( function(){$(".sub", this).fadeIn(100);}, function(){$(".sub",this).fadeOut(100);} );
	$(".btn.eastTenn").click(
													 function(e){e.preventDefault();
													 $(".countyflyout").fadeOut();
													 $(".countyflyout.east").fadeIn();
													 });
	//Here e.preventDefault(); is to prevent the respective href from going the user off the link, that is the href url '#' which is appending to the URL will going off 
	$(".btn.middleTenn").click(
													 function(e){e.preventDefault();
													 $(".countyflyout").fadeOut();
													 $(".countyflyout.middle").fadeIn();
													 });		
	$(".btn.video").click(
													 function(e){e.preventDefault();
													 $(".countyflyout").fadeOut();
													 $(".countyflyout.video").fadeIn();
													 });	
	
	//make flyouts close when the main content is mouse'd over
	$(".col.sub").click(function(){$(".countyflyout").fadeOut();});
	$(".col.sub").mouseover(function(){$(".countyflyout").fadeOut();});
	$(".shut").mouseover(function(){$(".countyflyout").fadeOut();});
	
});