jQuery(function($) {
	$('.media').media({
        bgColor:'#FFFFFF'
    });
    
    $('#s1') 
	.after('<div id="nav">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav' 
	});
    
    $('#s2') 
	.after('<div id="nav2">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav2' 
	});
	
    $('#s3') 
	.after('<div id="nav3">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav3' 
	});
	
    $('#s4') 
	.after('<div id="nav4">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav4' 
	});
	
    $('#s5') 
	.after('<div id="nav5">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav5' 
	});
	
    $('#s6') 
	.after('<div id="nav6">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav6' 
	});
	
	$('#s7') 
	.after('<div id="nav7">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav7' 
	});
	
	$('#s8') 
	.after('<div id="nav8">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav8' 
	});
	
	$('#s9') 
	.after('<div id="nav9">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav9' 
	});
	
	$('#s10') 
	.after('<div id="nav10">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav10' 
	});
	
	$('#s11') 
	.after('<div id="nav11">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav11' 
	});
	
	
});