$(function()
{
	slide("#menu_holder", 5, -5, 0, 150, .8);
	var list_drop = " li.list_bounce";
		$(list_drop).hover(
			function() {
						$('ul', this).animate({height:'show',opacity:'0.9'},'slow'); 
						//$('ul', this).bind();
					},
			function() {$('ul', this).animate({height:'hide',opacity:'hide'},'slow');
	});
   // var link_morph = " a.droplink";
	//	$(link_morph).hover(
		//	function() { 
			//				$(this).animate({ fontSize:'19px' },'fast');
				//			
					//	},
		//	function() {
			//				$(this).animate({ fontSize:'17px' },'fast');
				//		});
});
function slide(navigation_id, out, bounceback, level, time, multiplier)
{
	// find the navigation paths for the efect to be applied
	var list_elements = navigation_id + " li.list_bounce";
	var link_elements = list_elements + " a.top_level";
	// instantiate the timer
	var timer = 0;
	// page initiation bouncing 
	$(list_elements).each(function(i)
	{
		// margin left = - ([width of element] + [total vertical padding of element])
		// update timer
		timer = (timer*multiplier + time); //for each, incrementally adds some to the animation time
		$(this).animate({ marginTop: level }, timer);
		$(this).animate({ marginTop: out }, timer);
		$(this).animate({ marginTop: bounceback }, timer);
		//$(this).animate({ marginTop: "5px" }, timer); //more bounce if required
		//$(this).animate({ marginTop: "-7px" }, timer);
		$(this).animate({ marginTop: level }, timer);
});	
	
//purely for the hover event - calls the 3 parameters from above
	$(link_elements).each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).animate({ marginTop: out }, 200);
			//$(this).css({ backgroundImage: 'url(../images/menu2.jpg)'}, 200);
			
		},		
		function()
		{
			$(this).animate({ marginTop: bounceback }, 200);
			$(this).animate({ marginTop: level }, 200);
			//$(this).css({ backgroundImage: 'url(../images/menu.jpg)'}, 200);
			
		});
	});
}
//slide([navigation_id], [pad_out], [pad_in], [time], [multiplier]);   -- the parameter list for reference