// JavaScript Document
$.fn.imageFade = function( options ) {
    
    var defaults = {
        startOpacity: 1,
        hoverOnOpacity: 0,
        hoverOffOpacity: 1
    };
    
    var options = $.extend(defaults, options);
    
    return this.each( function( ) { 
        $(this).css('position','relative');							   
        $(this).children('img').eq(0).css( 'opacity', options.startOpacity).css('position','absolute').css('top',0).css('left',0);
        $(this).hover( function( ) {
            var width = $(this).children('img').eq(0).attr('width');
            $(this).children('img').eq(0).stop().animate( {
                opacity: options.hoverOnOpacity
                }, 500);
        },
        function( ) {
            $(this).children('img').eq(0).stop().animate({
        opacity: options.hoverOffOpacity
    }, 500);
        } );
                   
    });
};