var $j = jQuery.noConflict();
	$j(document).ready(function() {
	
		$j('#slides').after('<ul id="nav">').cycle({ 
			fx:     'fade', 
			timeout: 8000, 
			speed:  1000,	
			before:  onBefore, 
			after:   onAfter  
		});
	
		function onBefore() { 
			$j('figure img').fadeOut('fast');
		} 
		
		function onAfter() {
			var siteScreen = $j(this).attr('data-site');
			$j('figure img[data-site='+ siteScreen+']').delay(800).fadeIn('slow');
		}
	});