jQuery().ready(function(){
		// third example
		$("#red").treeview({
			animated: "fast",
			collapsed: true,
			unique: true,
			persist: "cookie",
			toggle: function() {
				window.console && console.log("%o was toggled", this);
			}
		});

		//for the third menu, it uses easing plugin
	    $('#nav2 li a').hover(function()
		{
			var offset=$(this).offset();
	        var thiswidth =$(this).width()+13;
	        $('#nav2 li.ybg').stop().animate({left:offset.left-160 +"px",width:thiswidth+"px"},400,function(){
	            $(this).animate({height:"28px"},150);
	        });    
		},
		function()
		{
			$('#nav2 li.ybg').stop().animate({height:"4px"},150,function(){
	            $(this).animate({left:"15px",width:"55px" },600,'easeOutBounce');
	        });    
		});   	
			
	  });