$(function() {
	
			var firstTitle = $('div#shuffle > div:first').find('img').attr('alt');
			var firstHref = $('div#shuffle > div:first > a').attr('href');
	
	    $('#shuffle')
	    .after('<div id="slider"><h3 class="slidetitle" id="'+firstHref+'">'+firstTitle+'</h3></div>')
	    .cycle({       
    		delay: -2000,
    		pause: 1,
    		pager: '#slider',
    		before: onBeforeSlide			
    	});
    	
			function onBeforeSlide() { 
			    $('h3.slidetitle').html($(this).find('img').attr('alt')).attr('id', $(this).children('a').attr('href')); 
			}
			
			$('h3.slidetitle').live('click', function(){
					window.location.href = $(this).attr('id');
			}).live('mouseover', function(){
					$(this).css({ 'textDecoration': 'none' });
			}).live('mouseout', function(){
					$(this).css({ 'textDecoration': 'underline' });
			});  	
    	
});