var $ = jQuery.noConflict();
$(document).ready(function(){
    $("#topmenu1").effect("bounce", { direction:"down", times:1 }, 300);
    $("#topmenu2").effect("bounce", { direction:"down", times:1 }, 600);
    $("#topmenu3").effect("bounce", { direction:"down", times:1 }, 900);
	
	function bounce(current) {
    $(current).animate({top: -10}, 200);
    $(current).animate({top: 10}, 200);
    setTimeout(function(){ bounce($(current).next("li")); }, 100);
	}
	bounce($("#buttonmenu li:first"));
});
$(".menubutton").hover(function(){
  $(this).animate({ backgroundColor: "#46668b" }, 100);
  //$(this).css("backgroundColor","#46668b");
  $(this).children().css("color","white");
  $(this).children().animate({"bottom": "+=10px"}, 100);
  $(this).children().animate({"bottom": "-=10px"}, 100);
},
function(){
  $(this).animate({ backgroundColor: "white" }, 100);
  //$(this).css("backgroundColor","white");
  $(this).children().css("color","black");
}
);
$(".topmenu").hover(
	function(){$(this).children().animate({"color": "#004879"}, 100);},
	function(){$(this).children().animate({"color": "#aef3ff"}, 100);}
);