﻿function slide(navigation_id, pad_out, pad_in, time_out, time_in, easingStyle_out, easingStyle_in)
{
	// creates the target paths
	var list_elements = navigation_id + " li.sliding-element";
	var link_elements = list_elements + " a";
	
	// creates the hover-slide effect for all link elements 	
	// But move the parent element (i.e. the li)	
	$(link_elements).each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).parent().animate({ marginLeft: pad_out }, time_out, easingStyle_out);
		},		
		function()
		{
			$(this).parent().animate({ marginLeft: pad_in }, time_in, easingStyle_in);
		});
	});
}
