$(document).ready(function(){

//animation for popup of nav
	$("#navlist a").mouseover(function () {
		$(this).stop().animate({ 
			marginTop: "0px"
        }, 230 ,"swing");
	})
	.mouseout(function () {
		$(this).stop().animate({
   	 	marginTop: "9px"
    	}, 180,"swing");
   	}
)
.css("margin-top","100px");

//initial menu "popup" animation
for (var i=0;i<=4;i++) {
	$("#navlist a").eq(i).animate({marginTop: "100px"},500+(i*200), function () {
		$(this).animate({marginTop: "0px"},800,"swing",function () {
			$(this).animate({marginTop: "9px"},200,"swing");
    	});
	});
	}
});