function fader(userOptions) {
    op = { //Preset values of the parameter
        'CSS_selector':"#fadeanim a", //The CSS selection of the image where you want the sliding effect
        'fadeInDuration':600, // Time taken [in ms] for the FadeIn animation on mouse hover
        'fadeOutDuration':600, //Time taken for the FadeOut animation
        'opacityChange':1 //Change of Opacity
    };
    
    op = $.extend({}, op, userOptions); //We extend the user Options using jQuery
     
     
    $(op.CSS_selector).hover( 
        function() { //This is the hover in function
            $(this).stop(); //Stops any animation being done on the button
            $(this).css({opacity:0.4}); //Changes the opacity back to not if not already
            $(this).animate({opacity:op.opacityChange},op.fadeInDuration); //Now animates the opacity to the user defined value          

        },
        function() { //This is the hover out function
            $(this).animate({opacity:0.4},op.fadeOutDuration); //Animates the opacity back to 1
        }
    )
}


$(document).ready( //Now call the function when document is ready
    function() {
        fader();
    }
);