function fader() {
	
	/*---------------Config - Set wrapper divs---------------*/
	this.wrapper = "#slideshow";
	this.imageWrapper = "#fader";
	this.buttonWrapper = "#buttons";
	/*-----------------------End Config----------------------*/

	imageWrapper = wrapper+' '+imageWrapper;
	buttonWrapper = wrapper+' '+buttonWrapper;

	$(imageWrapper).css({'position' : 'relative', 'overflow' : 'hidden'});
	$(imageWrapper).children().css({'position' : 'absolute', 'top' : '0', 'left' : '0'});
	$(imageWrapper+' > :gt(0)').hide();
	
	var fadeimage = setInterval ("fadeIt()", 3000);
	
	$(buttonWrapper+' a').hover(function() { 
		clearInterval(fadeimage);		
		
		var currentChild = $(imageWrapper+' > :first-child').attr('slidelink');
		var selectedChild = $(this).attr('slidelink');
		
		if (currentChild!=selectedChild) {
			$(imageWrapper+' > :first-child').stop(true, true).fadeOut(200);
			
			while (currentChild!=selectedChild) {				
				$(imageWrapper+' > :first-child').appendTo(imageWrapper);
				currentChild = $(imageWrapper+' > :first-child').attr('slidelink');				
			}
			
			$(imageWrapper+' > :first-child').fadeIn(200)			
		}
	}, 
	function() { 
		fadeimage = setInterval ("fadeIt()", 3000);
	});			
}

function fadeIt() {	
	$(imageWrapper+' > :first-child').fadeOut(1000)
	.next().fadeIn(1000)
	.end().appendTo(imageWrapper);		
}