$(document).ready(function(){
	var speed= parseInt($('#rotator').attr('class').split('-')[1])*1000;	
	$('#rotator img:first').css('display', 'block').addClass('current');
	
	var num = 1;
	$('#rotator img').each(function(){
		$(this).attr('id', 'image-'+num);
		num++;
	});
	
	var timer = setTimeout(function(){ fadeIt(); }, speed);
	
});

function fadeIt(){
	var speed= parseInt($('#rotator').attr('class').split('-')[1])*1000;
	var current = $('#rotator img.current:first').attr('id').split('-')[1];	

	// set var img depending on whether last image is selected or not
	if($('#rotator img:last').hasClass('current')){
		var img = '#image-1';
	} else {
		var next = parseInt(current)+1;			
		var img = '#image-'+next;
	}

	// fade current image out and remove class name
	$('#image-'+current).fadeOut('slow').removeClass('current');			

	// fade next image in and add current class
	$(img).fadeIn('slow', function(){
		$(this).addClass('current');
		setTimeout(function(){ fadeIt(); }, speed);			
	});
							
	
}