$(document).ready(function(){ 

	var selector ='#slider';
	var slider = $(selector);
	var countslides = $(selector+' img').length;
	
	// hide images and show first
	slider.children('img').hide();
	slider.find('img').eq(0).show(function(){$(this).addClass('active');});	

	// ad buttons
	slider.append('<ul id="sliderctrls"></ul>');
	for(i=0;i<=countslides-1;i++)
	{
		$('#sliderctrls').append('<li><a id="slide'+i+'" rel="'+i+'"></a></li>');
		
	}
	$('#slide0').css('background-position','bottom');
	
	// click buttons
	$(selector+' ul li a').click(function(){
			var id = $(this).attr('rel');
			
			$(selector+' ul li a').css('background-position','top');
			$(this).css('background-position','bottom');
			
			slider.find('img').eq(id).siblings('img').fadeOut('slow',function(){
				$(this).removeClass('active');
				slider.find('img').eq(id).fadeIn('slow',function(){ $(this).addClass('active'); });
			});
	});
	
	

});