$(function() {

/////////////////////////////////////////////////////////////////
//topmenu effect that animates hovered menu
/////////////////////////////////////////////////////////////////
	$("#header .menu a").hover(
		function(){
			$(this).animate({fontSize:14},'fast');
			},
		function(){
			$(this).animate({fontSize:11},'fast');
			}
		);


/////////////////////////////////////////////////////////////////
//hide slideinmenu, then reveal one at a time.
//submenus appear when main choice clicked.
/////////////////////////////////////////////////////////////////

	$(".slideinlist>ul>li").hide();		//hide main LIs

	$(".slideinlist>ul>li ul").hide();	//hide whole submenus

	firstli= $(".slideinlist>ul>li").eq(0);
	slideOne(firstli);				//show first main li, then others

	function slideOne(me) {
		$(me).show(500, function(){slideOne($(this).next())} ) ;
		};


	$(".slideinlist>ul>li").hover(
		function() {
			$(this).animate({letterSpacing:5},'fast');
			},
		function() {
			$(this).animate({letterSpacing:0},'fast');
			}
		);

	$(".slideinlist>ul>li").click(function() {	//toggle submenus on click
		$(this).find("ul").slideToggle("fast");
		});
		
});