// JavaScript Document

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
	//creates the target paths
	var list_elements = navigation_id + " li.sliding-element";
	var link_elements = list_elements + " a";
	
	//initiates the timer used for the sliding animation
	var timer = 0;
	
	//creates the slide animation for list elements
	$(list_elements).each(function(i)
		{
			//margin left = width of the element + the total vertical padding of element
			$(this).css("margin-left","-180px");
			//update timer
			timer = (timer*multiplier + time);
			$(this).animate({marginLeft:"0"}, timer);
			$(this).animate({marginLeft:"15"}, timer);
			$(this).animate({marginLeft:"0"}, timer);
		});
	
	//create the hover-slide effect for all link elements
	$(link_elements).each(function(i)
		{
			$(this).hover(
				function()
				{
				$(this).animate({marginLeft: pad_out}, 150);
				},
				function()
				{
				$(this).animate({marginLeft:pad_in}, 150);
				});
		});
	
	

}