﻿$(document).ready(function()
{
	slide("#Links ul", 20, 10); //, 150, .8);
});

function slide(navigation_id, pad_out, pad_in) //, time, multiplier)
{
	// creates the target paths
	var list_elements = navigation_id + " li";
	
//	// initiates the timer used for the sliding animation
//	var timer = 0;
//	
//	// creates the slide animation for all list elements 
//	$(list_elements).each(function(i)
//	{
//		// margin left = - ([width of element] + [total vertical padding of element])
//		$(this).css("margin-left"); //,"-180px");
//		// updates timer
//		timer = (timer*multiplier + time);
//		$(this).animate({ marginLeft: "-35" }, timer);
//		$(this).animate({ marginLeft: "5px" }, timer);
//		$(this).animate({ marginLeft: "-35" }, timer);
//	});

	// creates the hover-slide effect for all link elements 		
	$(list_elements).each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).animate({ paddingLeft: pad_out }, 150); //.css('background-image' : 'url(css/LinksBackground-hover.jpg)', 'color' : '#ffffff', 'text-decoration' : 'underline')
		},		
		function()
		{
			$(this).animate({ paddingLeft: pad_in }, 150); //.css('background-image' : 'url(css/LinksBackground.jpg)', 'color' : '#000000', 'text-decoration' : 'none')
		});
	});
}
