function slider(container) {
	
	var container = $(container);
	var parent = container.parent();
	var images = container.find('div.image');
	
	var ul = '<ul>';
	images.each(function(k, el) {
		ul += '<li>&middot;</li>';		
	})
	ul += '</ul>';

	parent.append(ul);
	
	var list = parent.find('ul');
	list.find('li:first').addClass('active');
	list.find('li').each(function(k, el) {
	
		$(el).click(function() {
		
			$(this).parent().find('li').removeClass('active');
			$(this).addClass('active');
			
			var width = images.outerWidth();
			container.animate({
				marginLeft: -(width*k)
			})
			
		})
	
	})
}