$(document).ready(function()
{
	// creates the target paths
	//var list_elements = navigation_id + " li";
	var list_elements = ".slider";
	var link_elements = list_elements + " a";
	
	// creates the slide animation for all list elements 
	$(list_elements).each(function(i)
	{
	    
	    $(this).mouseenter(function(){

		$(this).animate({ backgroundPositionX: 0 }, 500);
	    });

	    $(this).mouseleave(function(){

		$(this).animate({ backgroundPositionX: -161 }, 500);
	    });
    });

    $(link_elements).each(function (i) {
        $(this).mouseenter(function () {
            $(this).animate({ color: "white" }, 400);
        });


        $(this).mouseleave(function () {
            $(this).animate({ color: "#454545" }, 400);
        });
    });
});