var first=0;

Event.observe(window, "load", function(){
	
	
	$('before_btn').observe('mousedown', function(){
		
		if (first>0)
		{
			var images = $$('#mini_gallery_list li');
				if (first+5<images.length) 
					images[first+5].fade({duration: 0.3});
				images[--first].appear({duration: 0.3, queue: 'end'});
		}
	});
	
	$('next_btn').observe('click', function()
	{

		var images = $$('#mini_gallery_list li');
		if ((first+6)<images.length)
		{
			images[first].fade({duration: 0.3});
			if (first+6<images.length) 
				images[first+6].appear({ duration:0.3, queue: 'end' });
			
			first++;
		}
	});
});