function fadeImage(){

    curImgIdx++;
    if(curImgIdx >= images.length) curImgIdx = 0;
    var newImgSrc = images[curImgIdx];
    var img1 = $('#home_image');
    var origImgSrc = img1.attr('src');
    var pos = img1.offset();

    //Add copy of image on top of original
    //Not sure why, but FireFox was placing the overlayed image with -1 top and left offsets
    var img = $('<img src="' + origImgSrc + '" />').css(
        {
        'position':'absolute',
        'margin':'0px',
        'top':pos.top + ($.browser["mozilla"] ? 0 : 0),
        'left':pos.left + ($.browser["mozilla"] ? 0 : 0)
        }
    ).appendTo($('body'));

    //Set the original image src to the at of the new image
    img1.attr('src', newImgSrc);

    //Fade copy out to reveal "new" image underneath
    img.fadeOut(1000, function(){ img.remove(); });

    curCaptionIdx++;
    if(curCaptionIdx >= captions.length) curCaptionIdx = 0;
    $('#image_title').fadeOut(500, function () { 
        $('#image_title').html(captions[curCaptionIdx]).fadeIn(500)
    });
}