$.fn.collboard = function(){
	var config = $.extend({
		thumbwidth: 100,
		thumbheight: 100,
		sourcewidth: 100,
		sourceheight: 100,
		speed: 5
	}, arguments[0] || {});
	
	var expand = function(elements, id){
		var lastone = $(elements).filter('.active');
		var nextone = $(elements[id]);
		if (lastone.length > 0) {
			lastone.removeClass('active').css({
				width: config.thumbwidth,
				height: config.thumbheight
			});
		}
		nextone.addClass('active').css({
		background: 'url(' + nextone.children().attr('rel') + ')',
		width: config.sourcewidth,
		height: config.sourceheight
		});
	}
	
	$(this).each(function(){	
		var element = $(this);	
		element.children().each(function(i){
			$(this).attr('tag', i);
		});	
		$('li', element).hover(function(evt){
			expand(element.children(), $(this).attr('tag'));
		});	
		expand(element.children(), 0);
	})    
}