JQuery setTimeout not working in a loop
===

What I'm trying to do is create a quick and dirty slide show.  The idea being that I have master div containing a blank "master" img tag and set of divs, each containing it's own img and a span tag.  The source of each image is, in turn, set as the source of the master img.  So I had started iterating through each image and tried to set it's source the master img's source with a setTimeout() and a 2 sec delay.  The problem I'm having is that to code appears to wait for two seconds and only display the last image in the sequence.

    $(document).ready(function () {
    	$('div#slideshow').children('div.slideshowsourceimage').each(function () {
    		var src = $(this).children('img').attr('src');
    		var desc = $(this).children('span').text();
    
    		setTimeout(function () {
    			$('img#slideshowimage').attr('src', src);
    		}, 2000);
    	});
    });

If I could get a second pair of eyes to help me find out what I'm doing wrong I'd appreciated it.

Thanks,