jQuery 1.7.2: fadeIn() must fire after external image is loaded, can't use load()
===

I can't use `load()` features in this jQuery because it appears Google Gadgets doesn't allow them. Upon mouseover and focus of `#items a`, an external image loads in `#info` div. So far I use this to fetch external data:

    $(function() {
          $('#items a').live('mouseover focus', function() { // When mouse hovers over item
		   var id = $(this).attr('id').replace(/#/, ''); // Retrieve its ID
		  $.data(this, 'timer', setTimeout(function() {
           $('#info img').fadeOut('slow').attr('src', itemInfo[id][0]).fadeIn('slow');
			}, 500)) // Set the image if focus is longer than milliseconds
			}).live('mouseout blur', function() {
			clearTimeout($.data(this, 'timer'));
           return false;
    });});


`fadeOut()` works well. I just want the `fadeIn()` to start after a new external image is loaded. The problem now is that `fadeIn()` kicks in before a new image is loaded and in doing so it fades in the previously loaded image. Also, the fade effects currently do not sync with the images already loaded in cache. What am I missing here?   