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

function fadeIt(){	
	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');				
	
	// get speed at which to fade next image in
	if( $(img).attr('class') )
		var speed = parseInt($(img).attr('class').split('-')[1]);
	
	if(speed)
		speed = speed*1000;
	else
	 	var speed = 5000;
	
	
	// fade next image in and add current class
	$(img).fadeIn('slow', function(){
		$(this).addClass('current');
		setTimeout(function(){ fadeIt(); }, 5000);			
	});
							
	
}